@codeleap/web 3.13.2 → 3.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "3.13.2",
+  "version": "3.13.3",
   "main": "src/index.ts",
   "repository": {
     "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",

package/src/components/Modal/index.tsx

@@ -25,7 +25,6 @@ import { ActionIcon, ActionIconProps } from '../ActionIcon'
 import { Scroll } from '../Scroll'
 import { ComponentCommonProps } from '../../types'
 import { Touchable, TouchableProps } from '../Touchable'
-import { useLockScroll } from '../../lib'
 
 export * from './styles'
 
@@ -342,8 +341,6 @@ export const Modal = (props) => {
     }
   }, [visible])
 
-  useLockScroll(visible)
-
   const content = <ModalContent {...props} id={modalId.current} />
 
   // if (renderStatus === 'unmounted') return null

package/src/lib/hooks.ts

@@ -355,16 +355,20 @@ export function useAnimatedVariantStyles<T extends Record<string|number|symbol,
 
 export function useLockScroll(isLock: boolean) {
   useIsomorphicEffect(() => {
-    const htmlElement = document.documentElement
+    const htmlStyle = document?.documentElement?.style
 
-    if (htmlElement.style.overflowX !== 'hidden') {
-      htmlElement.style.overflowX = 'hidden'
-    }
+    if (!!htmlStyle) {
+      if (htmlStyle.overflowX !== 'hidden') {
+        htmlStyle.overflowX = 'hidden'
+      }
 
-    if (isLock) {
-      htmlElement.style.overflowY = 'hidden'
-    } else {
-      htmlElement.style.overflowY = 'auto'
+      console.log({ isLock, flow: htmlStyle.overflowY })
+  
+      if (isLock) {
+        htmlStyle.overflowY = 'hidden'
+      } else if (!isLock && htmlStyle.overflowY === 'hidden') {
+        htmlStyle.overflowY = 'auto'
+      }
     }
   }, [isLock])
 }