Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@mantine/hooks use-scroll-lock does not prevent scrolling on iOS Safari

See original GitHub issue

Mantine v 3.0.4 iOS Safari 15.0.1

The use-scroll-lock hook does not lock scrolling on iOS Safari (testing demo page https://mantine.dev/hooks/use-scroll-lock/).

Here’s an up-to-date article that goes into the specific problems and how to properly prevent scrolling in iOS Safari that may be worth referencing for a fix: https://pqina.nl/blog/how-to-prevent-scrolling-the-page-on-ios-safari/

edit: fix link to article

Issue Analytics

State:
Created 2 years ago
Comments:13 (9 by maintainers)

Top GitHub Comments

1reaction

EmilMalanczakcommented, Nov 24, 2021

Sounds good, I tried something similar before but still had issues on iphone (used ip7)

0reactions

rtivitalcommented, Mar 13, 2022

It’s time to let it go. We’ve already wasted too much time on this.

Top Results From Across the Web

use-scroll-lock - Mantine

In some operation systems scrollbars have width. To offset that width use-scroll-lock adds padding-right equal to scrollbar width to body element when scroll...

How To Prevent Scrolling The Page On iOS Safari 15 - PQINA

When the is-locked class is assigned we use it to set the required styles so the page cannot be scrolled.

useLockBodyScroll does not prevent touch scroll #602 - GitHub

It only holds mouse scroll and has no effect on touch scroll (iOS chrome, safari)

Simple Solution to Prevent Body Scrolling on iOS

In my last article about building accessible popup overlays with Vue.js we used a simple technique to prevent scrolling in the background.

iOS 10 Safari: Prevent scrolling behind a fixed overlay and ...

If the content in the overlay is long enough so that it can be scrolled, scrolling is correctly disabled for the main page...