Topic: Sidenav not toggling on Chrome variants, works on Firefox
Expected behavior
I'm using a navbar menu item, an A, to toggle a sidenav. The sidenav configuration is: right=true, mode=over.
Actual behavior
On Firefox (latest, 110.0.1), it works as expected: I click the toggle A, the sidenav shows up from the right, everything else gets dimmed by the overlay.
On Vivaldi (5.7.2921.60), Chrome ( 111.0.5563.64), Chromium (111.0.5563.64) -- they are all recent versions, something else happens.
If the page has NO scrollbar, just a bit of content, it works as expected.
However, if the page has a scrollbar, the window gets dim for a fraction of a second as if the overlay would activate, but then nothing happens and in the console I find this:
"perfect-scrollbar.esm.js:114 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952"
Resources (screenshots, code snippets etc.)
Everything works correctly if the sidenav is on the left, on all browsers, regardless of scrollbar presence.
UP
This problem is already more then a year, its still not fixed. See https://mdbootstrap.com/support/standard/sidenav-right-doesnt-work/
"kpienkowska staff commented 10 months ago: We have added such a task and will include it in the next release."
Even the workaround isnt working anymore. When can I expect it to be resolved?
We apologize for the inconvenience caused by this issue. Unfortunately, we cannot provide an exact timeline for when it will be fixed.
Any news on this ? If this can't be fixed, it needs to be removed from the "features", as it is not working.
Grzegorz Bujański staff commented 2 years ago
We are sorry for that. We have no plans to remove this option at this time. We are trying to find a solution that will work for every browser.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 6.2.0
- Device: Laptop
- Browser: Chrome, Chromium, Vivaldi, Firefox
- OS: Linux
- Provided sample code: No
- Provided link: Yes
mlazaru staff commented 2 years ago
Thank you for reporting this bug. We will fix it soon.
octavian.gherghinis pro premium priority commented 2 years ago
Hello. I need to set my expectations, can you give me an idea of what "soon" means ? Days, weeks ?
kpienkowska staff commented 2 years ago
We do not disclose when the next release is to be or what it will contain.
octavian.gherghinis pro premium priority commented 2 years ago
Great. Then can I please have a workaround for this issue ?
mlazaru staff commented 2 years ago
I'm afraid we can't make a good workaround solution for that issue without changing source code. Please stay patient and follow our changelog.
Danny pro premium priority commented 2 years ago
This problem is already more then a year, its still not fixed. See https://mdbootstrap.com/support/standard/sidenav-right-doesnt-work/
"kpienkowska staff commented 10 months ago: We have added such a task and will include it in the next release."
Even the workaround isnt working anymore.