Topic: Scroll behavior smooth broken
Hi,
MDB set scroll-behavior: smooth to the root element.
Safari support for this is broken, see safari bug https://bugs.webkit.org/show_bug.cgi?id=238497 .
It will be great if you can provide a workaround, otherwise, the user experience is quite bad. Even if it just means not setting the scroll behavior at all and letting developers handle it using external JS.
@mlazaru any update on this?
Grzegorz Bujański staff commented 1 year ago
Unfortunately, no, we haven't been able to find a solution that works correctly for Safari yet.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 6.2.0
- Device: iPhone
- Browser: Safari
- OS: iOS
- Provided sample code: No
- Provided link: Yes
PerfectCamp priority commented 1 year ago
You can override this root CSS value by setting the css on the html tag { scroll-behavior: auto!important; }
On a side note, I'm seeing misc scrolling issues when I mix jQuery with MDB. Has anyone else experienced this?
Sushrut Bidwai premium commented 1 year ago
@perfectcamp while I appreciate your comment this does not provide smooth scrolling behavior as most external JS will not be effective if scroll behavior is set to auto with important flag.