All element becomes non-scrollable in IOS

[faikit]

Hi, thanks for the wonderful project. I'm developing a website that has a sidebar. In the mobile platform, I want the sidebar to be scrollable but the background does not. By using this package, the target is achieved in Android etc, but not in IOS.

<!-- Header / Sidebar -->
<header>...</header>

<!-- Page -->
<div id="page">...</div>
...

<script>
    var sidebar_state = false;
    function changeSidebar() {
        if (sidebar_state === false) {
            bodyScrollLock.disableBodyScroll(document.getElementById("page"));
            sidebar_state = true;
        } else {
            bodyScrollLock.enableBodyScroll(document.getElementById("page"));
            sidebar_state = false;
        }
    }
</script>

The sidebar and page is at the same level, it works well in desktop for testing and Android, but not in IOS (iphone and ipad, work in mac). Here is the online webpage https://opendrivelab.com/challenge2025/.

[lreardon]

I encountered a similar issue recently. The solution in my case was that the element being passed to enableBodyScroll wasn't actually the precise element that I wanted to scroll, but rather a parent.