designers.italia.it
designers.italia.it copied to clipboard
Design system navigation on mobile traps the focus
Does a discussion already exist on the topic you are interested in, or on a similar topic?
- [X] I verified and it doesn't exist
What
During mobile keyboard navigation (or with sufficient viewport zoom) the design system sidebar traps the focus. It is no longer possible to reach the "Close" at the top. Ideally, a toggle approach like the main hamburger icon would be ideal: when activated the Nav sidebar, it would focus on the Close at the top, not the first item of the menu. And then it will cycle between items and the Close button at the top.
Why
It is a bug.
Context
We are repurposing the Bootstrap Italia component "Navscroll". There on BSI there is also a minor (but not permanent) issue: the focus remain on the original toggle button, not on the close one. But it cycles.
More
No response