Clicking on, say, Research and then hovering over, say, Tools will open both dropdowns at the same time. Only one of the two should be open at any time. At the same time, having an entry selected (e.g. as the result of clicking) should also open the dropdown to allow keyboard-based navigation with Tab.
Creating pages for Research and Social wouldn't work, because even though clicking it isn't possible to select the entry anymore, Tab-based navigation and then hovering will still trigger this bug.
Is there a solution?
Clicking on, say, `Research` and then hovering over, say, `Tools` will open both dropdowns at the same time. Only one of the two should be open at any time. At the same time, having an entry selected (e.g. as the result of clicking) should also open the dropdown to allow keyboard-based navigation with <kbd>Tab</kbd>.
Creating pages for `Research` and `Social` wouldn't work, because even though clicking it isn't possible to select the entry anymore, <kbd>Tab</kbd>-based navigation and then hovering will still trigger this bug.
Is there a solution?
Clicking on, say,
Research
and then hovering over, say,Tools
will open both dropdowns at the same time. Only one of the two should be open at any time. At the same time, having an entry selected (e.g. as the result of clicking) should also open the dropdown to allow keyboard-based navigation with Tab.Creating pages for
Research
andSocial
wouldn't work, because even though clicking it isn't possible to select the entry anymore, Tab-based navigation and then hovering will still trigger this bug.Is there a solution?
I don't think it's possible to solve this without JS. Adding JS is not worth it.