[Bug report]: Mobile Nav Menu Dropdown Nav Link Active Incorrect Position
Closed this issue · 4 comments
furkick commented
Requirements before reporting
- No duplicated issue reported.
- I have read the contribution guidelines.
- I have checked the lastest version if the bug exist there. See all avaliable packages at npmJS.com
- I have made sure that the issue comes from SDDS packages by removing SDDS from my project as a test.
- I have followed the installation guide.
Package
@scania/components
Package versions
@scania/components: 4.0.0
Browser
Chrome
Framework
Angular
Version
Angular 13.3.0
Reproduction steps
- Create a navbar with dropdown links
- Trigger the mobile menu
- Set a dropdown link to active
- Observe the active indicator position
Code example
No response
Screenshots
Nav Item
Expected behaviour
The active link indicator should be aligned with the dropdown link.
Console errors
No response
Contact information
alexlioliopoulos commented
Thanks for reporting! We will soon start working on a fix for this.
alexlioliopoulos commented
Hi @furkick! Does the mobile menu coming from the header, or from the side-menu component? Meaning, in the desktop version, do you or do you not have a side menu?
furkick commented
The menu is the header variant <nav class="sdds-nav"></nav>
and conditionally using sdds-nav__mob-menu--opened
alexlioliopoulos commented
Thanks a lot!