Problems with top-level menus

[patphongs]

Summary

Trying to access the top-level menus (e.g.: "Campaign finance data", "Help for candidates and committees", etc.) - The code for these menus does not appear to work in Safari (14.0.3 on Mac's running Big Sur (11.2.3)

Details

Verified that this bug exists in all versions of Safari, on the wider widths, and only until the user interacts with the smaller version (wide is broken, shrink window, interact with pancake, expand window, menu works!)

Technical considerations

For better keyboard nav, we changed the order of the elements; do we need to restore the previous structure but assign different tabindex values? Assign defaults for different element parameters or those assigned after user interaction? (classes, aria roles, etc)

Completion criteria

• Widest menu works in Safari, Chrome, Firefox without using smaller version first
• Keyboard nav still works
• Lighthouse warning about duplicate IDs is still gone