Design system navigation on mobile traps the focus

[Fupete]

Does a discussion already exist on the topic you are interested in, or on a similar topic?

• 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