Cannot tab through jbrowse dropdown menus

[carolinebridge]

Describe the bug

Incidentally found that some menus (like those found under hamburger menus on the LGV) cannot be tabbed through using only the keyboard. This is inaccessible for users who have limited use of the mouse

To Reproduce

Tab through the menus to an LGV's top left hamburger menu. When focus is on the menu icon, press enter, and then try to tab through the options shown on the menu.

Expected behavior

Tab should navigate downwards on the menu. Shift + tab should navigate upwards.

Version:

JBrowse v2.6.2, google chrome

[cmdcolin]

possibly related jcoreio/material-ui-popup-state#8

[cmdcolin]

@carolinebridge-oicr does that issue on the material-ui-popup-state seem related or it is something else?

[carolinebridge]

It might be related, but I believe it is specific to our internal menu wrappers, and it is not exclusive to submenus. The hamburger menu is a cascadingmenubutton if i recall correctly, which is one of our components, and you can't tab through any of its menu items.

You can navigate via arrows through the menu items on the top level toolbar in jbrowse, but there is no such way on the view menu