chore(deps): deprecates body-scroll-lock

payloadcms · Jan 30, 2025 · c7ad46c · c7ad46c
1 parent 8a79e59
commit c7ad46c
Show file tree

Hide file tree

Showing 4 changed files with 3,067 additions and 8,760 deletions.
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -123,7 +123,6 @@
     "@faceless-ui/window-info": "3.0.0-beta.0",
     "@monaco-editor/react": "4.6.0",
     "@payloadcms/translations": "workspace:*",
-    "body-scroll-lock": "4.0.0-beta.0",
     "bson-objectid": "2.0.4",
     "date-fns": "4.1.0",
     "dequal": "2.0.3",
@@ -147,7 +146,6 @@
     "@babel/preset-typescript": "7.26.0",
     "@hyrious/esbuild-plugin-commonjs": "^0.2.4",
     "@payloadcms/eslint-config": "workspace:*",
-    "@types/body-scroll-lock": "^3.1.0",
     "@types/react": "19.0.1",
     "@types/react-dom": "19.0.1",
     "@types/uuid": "10.0.0",

diff --git a/packages/ui/src/elements/Nav/context.tsx b/packages/ui/src/elements/Nav/context.tsx
@@ -1,6 +1,5 @@
 'use client'
 import { useWindowInfo } from '@faceless-ui/window-info'
-import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from 'body-scroll-lock'
 import React, { useEffect, useRef } from 'react'
 
 import { usePreferences } from '../../providers/Preferences/index.js'
@@ -73,9 +72,9 @@ export const NavProvider: React.FC<{
   useEffect(() => {
     if (navRef.current) {
       if (navOpen && midBreak) {
-        disableBodyScroll(navRef.current)
+        navRef.current.style.overscrollBehavior = 'contain'
       } else {
-        enableBodyScroll(navRef.current)
+        navRef.current.style.overscrollBehavior = 'auto'
       }
     }
   }, [navOpen, midBreak])
@@ -97,7 +96,7 @@ export const NavProvider: React.FC<{
   // when the component unmounts, clear all body scroll locks
   useEffect(() => {
     return () => {
-      clearAllBodyScrollLocks()
+      navRef.current.style.overscrollBehavior = 'auto'
     }
   }, [])