webstaff: keyboard-nav for uib-dropdown

[Jason Etheridge]

If we sprinkle the attribute keyboard-nav="true" onto uib-dropdown divs, it'll be an easy win for some extra keyboard navigation goodness. My only concern here is that Bootstrap has this functionality turned off by default, and I'd like to learn why.

[Jane Sandberg (sandbergja)]

FWIW, there appear to be some buggy behavior when there are multiple uib-dropdown divs on the same page: https://github.com/angular-ui/bootstrap/issues/6335

That being said, maybe buggy keyboard navigation is better than no keyboard navigation?

[Josh Stompro (u-launchpad-stompro-org)]

I tested out adding the keyboard nav to the menus on the record detail interface in the angularjs interface, and I can confirm the issue.

I'm testing on a 3.3.3 system with Chrome 79.

But I don't think this should hold us up, the bug is slightly annoying, but it doesn't hurt if you are just using the keyboard. If you click on the second menu with the mouse, I would just assume you will click the option you want, which works fine.

Since the github repo is archived, and the project is considered feature complete and the bug will never be fixed, we should probably just use it when needed and not worry about the bug.

Josh

[Benjamin Kalish (bkalish)]

I just submitted https://bugs.launchpad.net/evergreen/+bug/1982503 about the lack of visible focus for the dropdowns and was about to submit another bug requesting the ability to navigate the dropdowns using the arrow keys and the ability to use either the enter key or the space bar to interact with menus. If this change would accomplish something similar I enthusiastically support it!