Las teclas de flecha desplazan mi #menubar DIV desplazable, a menos que tabule/seleccione un elemento enterrado en el menú desplegable... y luego las teclas de flecha hagan cero.

Tener un menú desplegable estándar:

 <ul id="menubar"> <li class="drop"> <ul class="aMenu"> <li> stuff </li> <li> stuff </li> </ul> </li> </ul>

He integrado TABbing + clics del mouse para seleccionar elementos de menú a través de la manipulación de tabindex .

Para mi alegría, aparentemente las teclas <- y -> desplazarán la #barra de menú desplazable.

Siempre que seleccione a través de TAB o haga clic con el mouse en la barra de #menubar > li , las teclas de flecha se desplazan.

Pero cuando selecciono uno de los elementos del menú ocultos li , las teclas de flecha fallan.

Me doy cuenta de que las teclas de flecha se basan en la #menubar > li que tiene el foco.

Pero deseo enfocar uno de los menús hacia abajo li y seguir desplazándome con las teclas de flecha.

En pocas palabras, sé que este es el problema... simplemente no sé cómo solucionarlo.

Nota : FWIW, no tengo ningún código de detección de teclas para las teclas de flecha, solo las teclas TAB + Shift-TAB.

Aparentemente, el sistema operativo hace que las teclas de flecha se desplacen, pero solo cuando la barra de menú superior #menubar > li tiene el foco.