Closed
Description
Bug Report
Current Behavior
Using TAB to shift focus around the mobile nav drawer allows focus to leave the drawer to the page content behind it.
Steps to Reproduce
- Shrink viewport
- Open drawer
- Tab to last drawer element
- Press tab again
- Focus is in background page
Expected Behavior
Focus should be trapped inside the nav drawer
Possible Solution
We need a focus trapper.
We could use a pre-existing one from npm, but it's 2.9 kB in size (and steadily increasing), which is a fair amount for what it does.
As that supports IE9, and we have jQuery (for now), we might be able to make our own version based off of that package, but using jQuery snippets instead, which should cut down on bundle size a ton.