Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design system navigation on mobile traps the focus #1158

Open
1 task done
Fupete opened this issue Dec 21, 2023 · 0 comments
Open
1 task done

Design system navigation on mobile traps the focus #1158

Fupete opened this issue Dec 21, 2023 · 0 comments

Comments

@Fupete
Copy link
Collaborator

Fupete commented Dec 21, 2023

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

@Fupete Fupete changed the title Design system navigation on mobile trap the focus Design system navigation on mobile traps the focus Dec 21, 2023
@Fupete Fupete modified the milestones: Design system: `v1` (2024 - Q2), Design system `v1+`(2024) Apr 5, 2024
@Fupete Fupete removed this from the Design system `v1+`(2024) milestone Sep 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 📋 Backlog
Status: Todo
Development

No branches or pull requests

2 participants