[Lost :focus Problem] Keyboard Accessible 'Tab-to' Menu

This demo accompanies the Keyboard Accessible 'Tab-to' Menu, and illustrates the issue where :hover activated CSS menus can only have their first-level buttons tabbed-to. While sub-menus can be momentarily revealed when a parent receives :focus, they will be hidden again once the user tabs off the parent button (when it loses focus).

Use your TAB key to navigate the menu below (TAB moves forwards, TAB+SHIFT moves backwards);

More demos and snippets

Did you find this useful? There are more demos and code snippets this way.