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.


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.


Sushrut Bidwai premium answered 1 year ago


@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.


Mateusz Lazaru staff answered 1 year ago


Thank you for reporting this bug. We will check if it could be fixed somehow.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • 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