La lista de opciones del elemento IE10 + Select no se interpreta como un elemento secundario del elemento primario

En IE 10 y 11, una lista de opciones representadas de un elemento no parece considerarse un elemento secundario de su elemento primario, al menos en lo que se refiere a las transiciones.

Supongamos que tenemos un

que se diseña usando transiciones CSS de modo que al desplazarse, se desliza hacia la derecha 100px y hacia fuera, se desliza hacia atrás.

Si agregamos un elemento dentro de

, aún se desliza hacia la derecha al pasar el mouse. Sin embargo, si hago clic en y me desplazo dentro de la lista de 's , el

desliza nuevamente a su posición original como si hubiera movido el cursor fuera del

, en lugar de permanecer en transición. La única explicación para esto que puedo pensar es que, de alguna manera, IE está interpretando la lista de selección o las opciones como si estuvieran fuera del elemento padre.

Este fragmento muestra cómo se desarrolla. Pruébalo en Chrome / FF / Safari vs IE10 +.

 .test { position: absolute; left: 0; transition: left 1s; padding: 20px; border: 1px solid red; } .test:hover { left: 100px; } 
 
Move me Test Test Test Test Test Test

Probé este mismo ejemplo en Chrome, Firefox y Safari y obtuve el comportamiento esperado: el

permanece en transición incluso cuando mi cursor está en la lista . Solo lo veo deslizarse en IE y creo que es un error del navegador.

Si esto es de alguna manera intencional por los desarrolladores de IE, ¿hay alguna forma de estilo de los elementos para que mi transición aún funcione?

ACTUALIZACIÓN 12/10/14 – En el momento de escribir estas líneas, las únicas dos bibliotecas de reemplazo seleccionadas que encontré que implementan la lista de opciones de modo que sea un elemento hijo del elemento primario del elemento seleccionado son Selecter y Elegido . Terminó yendo con Selecter.

En Internet Explorer realmente implementamos la lista desplegable como una ventana separada . Sin embargo, puedo ver el problema en IE 11, y ciertamente puedo ver cómo eso es frustrante. La buena noticia es que parece que ya hemos abordado esto y enviado el código en http://remote.modern.ie (ejecutado desde Mac OS X o Windows).

Espere el cambio de comportamiento a la tierra en una futura construcción de IE.