[Bug report]: z-index issue when mobile side menu opened
Closed this issue · 9 comments
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
- Trigger mobile view
- Open side menu
- Observe the menu and other components
Code example
When sdds-nav__mob-menu--opened is used on sdds-nav the z-index does not take priority over the correct components. See screenshot.
Screenshots
Expected behaviour
The mobile side menu should be in the foreground.
Console errors
No response
Contact information
The Avatar menu also suffers the same issue.
sdds-nav__avatar-menu
This screenshot shows the footer is covering the menu
Thanks for reporting! We will soon start working on a fix for this.
Should be fixed now!
@furkick Was this actually fixed? Can you confirm?
They still have the issue, unfortunately.
And you have our newest packages, right? There was some mixup and we weren't sure if we closed this because it was worked on by an employee that left the company or not.
These are the versions in use from the screenshot provided.
Has the z-index for the site been discussed? as we are still having to use our own CSS to resolve these issues.
I am closing this issue due to inactivity. If the issue still persists, feel free to reach out to our PO Johan Nilo.