@ornikar/kitt-universal 23.2.2 → 23.2.3

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [23.2.3](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@23.2.2...@ornikar/kitt-universal@23.2.3) (2024-02-12)
+
+
+### Bug Fixes
+
+* **kitt-universal/ModalBehaviour:** do not remove overflow class when mounting portal OSE-6757 ([#2305](https://github.com/ornikar/kitt/issues/2305)) ([06511c8](https://github.com/ornikar/kitt/commit/06511c8c18bda7d414c8ee20f192909eabc3cc1a))
+
+
+
 ## [23.2.2](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@23.2.1...@ornikar/kitt-universal@23.2.2) (2024-01-22)
 
 

package/dist/definitions/ModalBehaviour/ModalBehaviourPortal.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBehaviourPortal.web.d.ts","sourceRoot":"","sources":["../../../src/ModalBehaviour/ModalBehaviourPortal.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAoBxE,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAKhG"}
+{"version":3,"file":"ModalBehaviourPortal.web.d.ts","sourceRoot":"","sources":["../../../src/ModalBehaviour/ModalBehaviourPortal.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAoBxE,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAQhG"}

package/dist/index-node-20.10.cjs.web.js

@@ -2944,23 +2944,25 @@ function useStaticBottomSheet(Content) {
 }
 
 const overflowHidden = "kitt-u_overflowHidden_otm3u3";
-function useBlockBodyScroll(isScrollBlocked) {
+function useBlockBodyScroll(shouldBlockScroll, isInitialRender) {
   react.useEffect(() => {
-    if (isScrollBlocked) {
+    if (shouldBlockScroll) {
       document.body.classList.add(overflowHidden);
-    } else {
+    } else if (!isInitialRender) {
       document.body.classList.remove(overflowHidden);
     }
     return () => {
       document.body.classList.remove(overflowHidden);
     };
-  }, [isScrollBlocked]);
+  }, [shouldBlockScroll, isInitialRender]);
 }
 function ModalBehaviourPortal({
   visible,
   children
 }) {
-  useBlockBodyScroll(Boolean(visible));
+  const isInitialRenderRef = react.useRef(true);
+  useBlockBodyScroll(!!visible, isInitialRenderRef.current);
+  isInitialRenderRef.current = false;
 
   // eslint-disable-next-line react/jsx-no-useless-fragment -- Portal propTypes define a required children, preventing a null children value
   return /*#__PURE__*/jsxRuntime.jsx(reactPortal.Portal, {