Tengo un menú y uno de los elementos en el menú es un elemento select. Solo en IE 8, cuando cierro sobre el options seleccione el menú pierde el foco y se cierra. Funciona bien en Firefox. Cualquier ayuda sería apreciadaAl activar el menú de opciones de selección pierde el foco
Puede consultar this violín para el código.
Nota: Estoy abierto a soluciones utilizando js y jquery
EDITAR: No quiero una alternativa a la selección.
Deje caer la opción SELECCIONAR. Intente reemplazarlo con una lista secundaria:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<ul> Numbers
<li>1</li>
<li>2</li>
<li>3</li>
<li>
Select -->
<ul>
<li>
One
</li>
<li>
Two
</li>
<li>
Three
</li>
</ul>
</li>
</ul>
</body>
</html>
Esto funciona tanto en Chrome como en IE.
Me equivoqué con él en IE9 (no tengo 8 disponibles) usando jQuery. No es perfecto, pero tiene el efecto que estás tratando de lograr parcialmente. http://jsfiddle.net/vUger/1/ – Stieffers
@Stieffers: Ahora el menú permanece en estado abierto después de que la selección pierde el foco. –
Me gustaría ir con la solución de Sable Fost. No parece haber una forma razonable de administrar una solución en IE utilizando jQuery. – Stieffers