@raintonic/formaui 0.2.0 → 0.2.1

package/fesm2022/raintonic-formaui-cdk-overlay.mjs

@@ -1300,22 +1300,13 @@ class FuiBlockScrollStrategy {
         // Store previous styles
         this._previousHTMLStyles = {
             overflow: html.style.overflow || '',
-            paddingRight: html.style.paddingRight || '',
         };
         this._previousBodyStyles = {
             overflow: body.style.overflow || '',
-            paddingRight: body.style.paddingRight || '',
         };
-        // Calculate scrollbar width
-        const scrollbarWidth = this._getScrollbarWidth();
         // Apply blocking styles
         html.style.overflow = 'hidden';
         body.style.overflow = 'hidden';
-        // Compensate for scrollbar width to prevent layout shift
-        if (scrollbarWidth > 0) {
-            html.style.paddingRight = `${scrollbarWidth}px`;
-            body.style.paddingRight = `${scrollbarWidth}px`;
-        }
     }
     disable() {
         if (!this._isEnabled) {
@@ -1330,9 +1321,7 @@ class FuiBlockScrollStrategy {
         }
         // Restore previous styles
         html.style.overflow = this._previousHTMLStyles['overflow'];
-        html.style.paddingRight = this._previousHTMLStyles['paddingRight'];
         body.style.overflow = this._previousBodyStyles['overflow'];
-        body.style.paddingRight = this._previousBodyStyles['paddingRight'];
         // Clear stored styles
         this._previousHTMLStyles = {};
         this._previousBodyStyles = {};
@@ -1343,21 +1332,6 @@ class FuiBlockScrollStrategy {
     detach() {
         this.disable();
     }
-    _getScrollbarWidth() {
-        const doc = this._document ?? document;
-        // Create a temporary div to measure scrollbar width
-        const outer = doc.createElement('div');
-        outer.style.visibility = 'hidden';
-        outer.style.overflow = 'scroll';
-        // outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
-        doc.body.appendChild(outer);
-        const inner = doc.createElement('div');
-        outer.appendChild(inner);
-        const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
-        // Clean up
-        outer.parentNode?.removeChild(outer);
-        return scrollbarWidth;
-    }
 }
 /**
  * Factory functions for creating scroll strategies