codexly-ui 0.0.51 → 0.0.53

package/fesm2022/codexly-ui.mjs

@@ -13908,6 +13908,8 @@ class ClxDrawerService {
             hasBackdrop,
             backdropClass: 'clx-modal-backdrop',
             panelClass: extraClasses,
+            width: DRAWER_WIDTH_MAP[size],
+            height: '100vh',
             scrollStrategy: this._overlay.scrollStrategies.block(),
             positionStrategy: this._overlay.position().global().right('0').top('0'),
         }));
@@ -13922,16 +13924,11 @@ class ClxDrawerService {
         // Attach wrapper via ComponentPortal — CDK creates backdrop on attach()
         const wrapperPortal = new ComponentPortal(ClxModalWrapperComponent, null, innerInjector);
         const wrapperRef = overlayRef.attach(wrapperPortal);
-        // Apply drawer-specific styles AFTER attach() so CDK doesn't overwrite them
-        Object.assign(overlayRef.overlayElement.style, {
-            height: '100vh',
-            pointerEvents: 'none',
-        });
-        // Re-enable pointer events on the drawer panel itself
-        // height:100% needed so clx-drawer h-full works (wrapper is display:contents)
-        const wrapperEl = wrapperRef.location.nativeElement;
-        wrapperEl.style.pointerEvents = 'auto';
-        wrapperEl.style.height = '100%';
+        // El pane ya tiene width/height del OverlayConfig.
+        // Solo desactivamos pointer-events en el overlay element (no en el pane)
+        // para que el click-through funcione cuando no hay backdrop.
+        overlayRef.overlayElement.style.pointerEvents = 'none';
+        wrapperRef.location.nativeElement.style.pointerEvents = 'auto';
         // Mount user component inside the wrapper via a second portal
         const contentPortal = new ComponentPortal(component, null, innerInjector);
         wrapperRef.instance.portal.set(contentPortal);