How to lock body scroll properly on IOS when a "fixed" positioned overlay/modal is open?

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs
body-scroll-lock react-scroll-lock scroll-lock body-scroll React

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • react-use

    React Hooks — 👍

    • useLockBodyScroll from react-use (overlay is not scrollable in IOS)

  • body-scroll-lock

    Body scroll locking that just works with everything 😏

    • Tested live demo of body-scroll-lock (body is still scrollable in IOS)

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • fixed-position-ios-scroll

    • I created this repo explaining the issues I am facing when using these libraries.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts