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.

Sign up for GitHub

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

Jump to bottom

Update megadropdown mobile behavior #4327

Open
3 tasks done
alizedebray opened this issue Dec 18, 2024 · 1 comment
Open
3 tasks done

Update megadropdown mobile behavior #4327

alizedebray opened this issue Dec 18, 2024 · 1 comment
Assignees
@leagrdv
Labels
🐞 bug Something isn't working 📦 components Related to the @swisspost/design-system-components package
Milestone
PPNL Support

Comments

@alizedebray
Copy link
Contributor

alizedebray commented Dec 18, 2024 •
edited by leagrdv
Loading

When the megadropdown is open on mobile:

  • It should be scrollable
  • It should not close when the header is clicked
  • The main navigation behind it should not be focusable or available in the accessibility tree
@alizedebray alizedebray added 🐞 bug Something isn't working 📦 components Related to the @swisspost/design-system-components package labels Dec 18, 2024
@alizedebray alizedebray modified the milestones: Design v2, PPNL Support Dec 18, 2024
@alizedebray alizedebray moved this from 👀 Triage to 💻 Ready for development in Design System Production Board Dec 18, 2024
@alizedebray alizedebray changed the title Header's main navigation should be hidden when megardopdown is open Update megardopdown mobile behavior Dec 18, 2024
@leagrdv leagrdv self-assigned this Dec 31, 2024
@leagrdv leagrdv moved this from 💻 Ready for development to 🕹️ Coding in progress in Design System Production Board Dec 31, 2024
@leagrdv leagrdv changed the title Update megardopdown mobile behavior Update megadropdown mobile behavior Jan 6, 2025
@leagrdv
Copy link
Contributor

leagrdv commented Jan 7, 2025 •
edited
Loading

As discussed this morning, main navigation should also be stretched to be fullscreen and focus outside should be prevented both for the main navigation and the subnavigation (megadropdown)

@leagrdv leagrdv moved this from 🕹️ Coding in progress to 🤬 Dev in Code Review in Design System Production Board Jan 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@leagrdv leagrdv

Labels
🐞 bug Something isn't working 📦 components Related to the @swisspost/design-system-components package
Projects
Design System Production Board
Status: 🤬 Dev in Code Review
Milestone
PPNL Support
2 participants
@alizedebray @leagrdv