Barra de desplazamiento de los combo-box HTML5 no funciona en chrome en windows 7

Barra de desplazamiento de los combo-box HTML5 no funciona en chrome en windows 7

Buenos días geekalt42seros el día de hoy les traigo un artículo de suma importancia para aquellos que se dedican al desarrollo web ya que les hablare como reparar un issue que esta presentando en los select (conocidos normalmente como combo-box) de HTML5 en cualquier google chrome instalado en windows 7

Sucede que estaba en el trabajo cuando me reportan un issue (un mal funcionamiento) de un widget del proyecto en el que trabajo. El issue me llamo mucho la atención debido a que a un analisis rapido deduje que este se relacionaba con el funcionamiento nativo del widget y no con algo que yo o alguien de mi equipo haya programado. En este caso tal widget era un select (llamado comúnmente combo-box) y el issue solo se presentaba en chrome corriendo sobre windows 7.

Fue entonces que me puse a buscar información a través de san google y di con este post de stackoverflow de donde encontré la solución
http://superuser.com/questions/704736/cant-use-scrollbars-of-dropdowns-html-select-in-chrome-32/704737#704737

La solución para los que no saben ingles jeje es la siguiente.

1- Abre las propiedades de google chrome
chrome properties

2-Abre la pestaña Compatibility y activa la casilla “Disable visual themes”
compatibility

3- Reinicien chrome (Cierrenlo y abranlo)

Y listo el problema se ha ido.

Aquí les dejo un ejemplo en jsfiddle para que lo corran y vean el issue por si mismos
http://jsfiddle.net/zxW5N/1/

Written by Pedro Arnoldo Machado Duran

Deja un comentario

A %d blogueros les gusta esto: