Topic: Scroll behavior smooth broken
Sushrut Bidwai premium asked 1 year ago
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.
Sushrut Bidwai premium answered 11 months ago
@mlazaru any update on this?
Grzegorz Bujański staff commented 11 months 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 11 months 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 11 months 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.