Dev.to

I fixed iOS Safari’s scroll lock bug with just CSS (and made a React package for it)

If you've ever tried to disable body scrolling in iOS Safari when a modal opens... you know the pain. Most workarounds involve JavaScript, touchmove event listeners, or weird side effects. I wanted something simpler — so I built react-ios-scroll-lock: a CSS-only scroll lock component that works across iOS, Android, and all major browsers. Why it’s different: ⚡️ Pure CSS – no JS scroll hacks

Apr 8, 2025 - 17:35
 0
I fixed iOS Safari’s scroll lock bug with just CSS (and made a React package for it)

If you've ever tried to disable body scrolling in iOS Safari when a modal opens... you know the pain.

Most workarounds involve JavaScript, touchmove event listeners, or weird side effects. I wanted something simpler — so I built react-ios-scroll-lock: a CSS-only scroll lock component that works across iOS, Android, and all major browsers.

Why it’s different:

⚡️ Pure CSS – no JS scroll hacks

Read More

Tags:

Previous Article

Docker One

Next Article

Strategic Integration of Google Maps in React for Next-Level Business Insights

Related Posts

AI Decision-Making Breakthrough: New Training Method Boosts Performance 34% in Strategic Games

AI Decision-Making Breakthrough: New Training Method Bo...

Mar 23, 2025  0

Complete Guide to Navigation in SwiftUI with NavigationStack [Video]

Complete Guide to Navigation in SwiftUI with Navigation...

Mar 11, 2025  0

Power Platform DLP Bypass

Power Platform DLP Bypass

Mar 10, 2025  0