codexly-ui 0.0.52 → 0.0.54

package/fesm2022/codexly-ui.mjs

@@ -5216,9 +5216,9 @@ const MODAL_ANIM_DEFAULTS = {
 };
 
 const DRAWER_SIZE_MAP = {
-    sm: 'w-full max-w-[320px]',
-    md: 'w-full max-w-[420px]',
-    lg: 'w-full max-w-[560px]',
+    sm: 'w-[320px]',
+    md: 'w-[420px]',
+    lg: 'w-[560px]',
 };
 const DRAWER_WIDTH_MAP = {
     sm: '320px',
@@ -13924,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);