@samline/drawer 2.0.6 → 2.0.7

package/dist/browser/{components-client-CJuQ5vtW.js → components-client-B8ZDZqhE.js}

@@ -1528,6 +1528,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__namespace.default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__namespace.default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__namespace.default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__namespace.default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__namespace.default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1579,26 +1600,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -2007,6 +2015,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/{svelte/components-client-tfLTRxPH.mjs → browser/components-client-LPOAyYIW.mjs}

@@ -1508,6 +1508,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1559,26 +1580,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -1987,6 +1995,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/browser/index.cjs

@@ -28075,6 +28075,23 @@ function Root2({
   const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
   const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
   const initialDrawerHeight = import_react9.default.useRef(0);
+  const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+    if (!modal || autoFocus || typeof document === "undefined") {
+      return;
+    }
+    const activeElement = document.activeElement;
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
+      return;
+    }
+    activeElementNode.blur();
+  }, [autoFocus, modal]);
   const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
     if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
   }, []);
@@ -28134,22 +28151,11 @@ function Root2({
     autoFocus
   });
   useSafeLayoutEffect(() => {
-    if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+    if (!isOpen) {
       return;
     }
-    const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body) {
-      return;
-    }
-    const activeElementNode = activeElement;
-    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-      return;
-    }
-    if (typeof activeElementNode.blur !== "function") {
-      return;
-    }
-    activeElementNode.blur();
-  }, [autoFocus, isOpen, modal]);
+    releaseHiddenFocusBeforeOpen2();
+  }, [isOpen, releaseHiddenFocusBeforeOpen2]);
   function getScale() {
     return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
   }
@@ -28533,6 +28539,7 @@ function Root2({
       onOpenChange: (open) => {
         if (!dismissible && !open) return;
         if (open) {
+          releaseHiddenFocusBeforeOpen2();
           setHasBeenOpened(true);
         } else {
           closeDrawer2(true);

package/dist/browser/index.js

@@ -28075,6 +28075,23 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
     const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
     const initialDrawerHeight = import_react9.default.useRef(0);
+    const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+      if (!modal || autoFocus || typeof document === "undefined") {
+        return;
+      }
+      const activeElement = document.activeElement;
+      if (!activeElement || activeElement === document.body) {
+        return;
+      }
+      const activeElementNode = activeElement;
+      if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+        return;
+      }
+      if (typeof activeElementNode.blur !== "function") {
+        return;
+      }
+      activeElementNode.blur();
+    }, [autoFocus, modal]);
     const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
       if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
     }, []);
@@ -28134,22 +28151,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       autoFocus
     });
     useSafeLayoutEffect(() => {
-      if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+      if (!isOpen) {
         return;
       }
-      const activeElement = document.activeElement;
-      if (!activeElement || activeElement === document.body) {
-        return;
-      }
-      const activeElementNode = activeElement;
-      if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-        return;
-      }
-      if (typeof activeElementNode.blur !== "function") {
-        return;
-      }
-      activeElementNode.blur();
-    }, [autoFocus, isOpen, modal]);
+      releaseHiddenFocusBeforeOpen2();
+    }, [isOpen, releaseHiddenFocusBeforeOpen2]);
     function getScale() {
       return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
     }
@@ -28533,6 +28539,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         onOpenChange: (open) => {
           if (!dismissible && !open) return;
           if (open) {
+            releaseHiddenFocusBeforeOpen2();
             setHasBeenOpened(true);
           } else {
             closeDrawer2(true);

package/dist/browser/index.mjs

@@ -28049,6 +28049,23 @@ function Root2({
   const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
   const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
   const initialDrawerHeight = import_react9.default.useRef(0);
+  const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+    if (!modal || autoFocus || typeof document === "undefined") {
+      return;
+    }
+    const activeElement = document.activeElement;
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
+      return;
+    }
+    activeElementNode.blur();
+  }, [autoFocus, modal]);
   const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
     if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
   }, []);
@@ -28108,22 +28125,11 @@ function Root2({
     autoFocus
   });
   useSafeLayoutEffect(() => {
-    if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+    if (!isOpen) {
       return;
     }
-    const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body) {
-      return;
-    }
-    const activeElementNode = activeElement;
-    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-      return;
-    }
-    if (typeof activeElementNode.blur !== "function") {
-      return;
-    }
-    activeElementNode.blur();
-  }, [autoFocus, isOpen, modal]);
+    releaseHiddenFocusBeforeOpen2();
+  }, [isOpen, releaseHiddenFocusBeforeOpen2]);
   function getScale() {
     return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
   }
@@ -28507,6 +28513,7 @@ function Root2({
       onOpenChange: (open) => {
         if (!dismissible && !open) return;
         if (open) {
+          releaseHiddenFocusBeforeOpen2();
           setHasBeenOpened(true);
         } else {
           closeDrawer2(true);

package/dist/{svelte/components-client-CJuQ5vtW.js → components-client-B8ZDZqhE.js}

@@ -1528,6 +1528,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__namespace.default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__namespace.default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__namespace.default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__namespace.default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__namespace.default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1579,26 +1600,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -2007,6 +2015,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/{browser/components-client-tfLTRxPH.mjs → components-client-LPOAyYIW.mjs}

@@ -1508,6 +1508,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1559,26 +1580,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -1987,6 +1995,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/index.js

@@ -28074,6 +28074,23 @@ function Root2({
   const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
   const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
   const initialDrawerHeight = import_react9.default.useRef(0);
+  const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+    if (!modal || autoFocus || typeof document === "undefined") {
+      return;
+    }
+    const activeElement = document.activeElement;
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
+      return;
+    }
+    activeElementNode.blur();
+  }, [autoFocus, modal]);
   const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
     if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
   }, []);
@@ -28133,22 +28150,11 @@ function Root2({
     autoFocus
   });
   useSafeLayoutEffect(() => {
-    if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+    if (!isOpen) {
       return;
     }
-    const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body) {
-      return;
-    }
-    const activeElementNode = activeElement;
-    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-      return;
-    }
-    if (typeof activeElementNode.blur !== "function") {
-      return;
-    }
-    activeElementNode.blur();
-  }, [autoFocus, isOpen, modal]);
+    releaseHiddenFocusBeforeOpen2();
+  }, [isOpen, releaseHiddenFocusBeforeOpen2]);
   function getScale() {
     return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
   }
@@ -28532,6 +28538,7 @@ function Root2({
       onOpenChange: (open) => {
         if (!dismissible && !open) return;
         if (open) {
+          releaseHiddenFocusBeforeOpen2();
           setHasBeenOpened(true);
         } else {
           closeDrawer2(true);

package/dist/index.mjs

@@ -28049,6 +28049,23 @@ function Root2({
   const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
   const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
   const initialDrawerHeight = import_react9.default.useRef(0);
+  const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+    if (!modal || autoFocus || typeof document === "undefined") {
+      return;
+    }
+    const activeElement = document.activeElement;
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
+      return;
+    }
+    activeElementNode.blur();
+  }, [autoFocus, modal]);
   const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
     if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
   }, []);
@@ -28108,22 +28125,11 @@ function Root2({
     autoFocus
   });
   useSafeLayoutEffect(() => {
-    if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+    if (!isOpen) {
       return;
     }
-    const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body) {
-      return;
-    }
-    const activeElementNode = activeElement;
-    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-      return;
-    }
-    if (typeof activeElementNode.blur !== "function") {
-      return;
-    }
-    activeElementNode.blur();
-  }, [autoFocus, isOpen, modal]);
+    releaseHiddenFocusBeforeOpen2();
+  }, [isOpen, releaseHiddenFocusBeforeOpen2]);
   function getScale() {
     return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
   }
@@ -28507,6 +28513,7 @@ function Root2({
       onOpenChange: (open) => {
         if (!dismissible && !open) return;
         if (open) {
+          releaseHiddenFocusBeforeOpen2();
           setHasBeenOpened(true);
         } else {
           closeDrawer2(true);

package/dist/react/index.js

@@ -1531,6 +1531,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__namespace.default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__namespace.default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__namespace.default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__namespace.default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__namespace.default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1582,26 +1603,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect$1(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -2010,6 +2018,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/react/index.mjs

@@ -1509,6 +1509,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1560,26 +1581,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect$1(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -1988,6 +1996,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/{components-client-CJuQ5vtW.js → svelte/components-client-B8ZDZqhE.js}

@@ -1528,6 +1528,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__namespace.default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__namespace.default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__namespace.default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__namespace.default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__namespace.default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1579,26 +1600,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -2007,6 +2015,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/{components-client-tfLTRxPH.mjs → svelte/components-client-LPOAyYIW.mjs}

@@ -1508,6 +1508,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1559,26 +1580,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -1987,6 +1995,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/svelte/index.js

@@ -28077,6 +28077,23 @@ function Root2({
   const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
   const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
   const initialDrawerHeight = import_react9.default.useRef(0);
+  const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+    if (!modal || autoFocus || typeof document === "undefined") {
+      return;
+    }
+    const activeElement = document.activeElement;
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
+      return;
+    }
+    activeElementNode.blur();
+  }, [autoFocus, modal]);
   const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
     if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
   }, []);
@@ -28136,22 +28153,11 @@ function Root2({
     autoFocus
   });
   useSafeLayoutEffect(() => {
-    if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+    if (!isOpen) {
       return;
     }
-    const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body) {
-      return;
-    }
-    const activeElementNode = activeElement;
-    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-      return;
-    }
-    if (typeof activeElementNode.blur !== "function") {
-      return;
-    }
-    activeElementNode.blur();
-  }, [autoFocus, isOpen, modal]);
+    releaseHiddenFocusBeforeOpen2();
+  }, [isOpen, releaseHiddenFocusBeforeOpen2]);
   function getScale() {
     return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
   }
@@ -28535,6 +28541,7 @@ function Root2({
       onOpenChange: (open) => {
         if (!dismissible && !open) return;
         if (open) {
+          releaseHiddenFocusBeforeOpen2();
           setHasBeenOpened(true);
         } else {
           closeDrawer2(true);

package/dist/svelte/index.mjs

@@ -28049,6 +28049,23 @@ function Root2({
   const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
   const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
   const initialDrawerHeight = import_react9.default.useRef(0);
+  const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+    if (!modal || autoFocus || typeof document === "undefined") {
+      return;
+    }
+    const activeElement = document.activeElement;
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
+      return;
+    }
+    activeElementNode.blur();
+  }, [autoFocus, modal]);
   const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
     if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
   }, []);
@@ -28108,22 +28125,11 @@ function Root2({
     autoFocus
   });
   useSafeLayoutEffect(() => {
-    if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+    if (!isOpen) {
       return;
     }
-    const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body) {
-      return;
-    }
-    const activeElementNode = activeElement;
-    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-      return;
-    }
-    if (typeof activeElementNode.blur !== "function") {
-      return;
-    }
-    activeElementNode.blur();
-  }, [autoFocus, isOpen, modal]);
+    releaseHiddenFocusBeforeOpen2();
+  }, [isOpen, releaseHiddenFocusBeforeOpen2]);
   function getScale() {
     return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
   }
@@ -28507,6 +28513,7 @@ function Root2({
       onOpenChange: (open) => {
         if (!dismissible && !open) return;
         if (open) {
+          releaseHiddenFocusBeforeOpen2();
           setHasBeenOpened(true);
         } else {
           closeDrawer2(true);

package/dist/vue/{components-client-CJuQ5vtW.js → components-client-B8ZDZqhE.js}

@@ -1528,6 +1528,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__namespace.default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__namespace.default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__namespace.default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__namespace.default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__namespace.default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1579,26 +1600,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -2007,6 +2015,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/vue/{components-client-DSM2G8ef.mjs → components-client-BlpMZJqu.mjs}

@@ -1508,6 +1508,27 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
     const drawerHeightRef = React__default.useRef(((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.getBoundingClientRect().height) || 0);
     const drawerWidthRef = React__default.useRef(((_drawerRef_current1 = drawerRef.current) == null ? void 0 : _drawerRef_current1.getBoundingClientRect().width) || 0);
     const initialDrawerHeight = React__default.useRef(0);
+    const releaseHiddenFocusBeforeOpen = React__default.useCallback(()=>{
+        var _drawerRef_current;
+        if (!modal || autoFocus || typeof document === 'undefined') {
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return;
+        }
+        const activeElementNode = activeElement;
+        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
+            return;
+        }
+        if (typeof activeElementNode.blur !== 'function') {
+            return;
+        }
+        activeElementNode.blur();
+    }, [
+        autoFocus,
+        modal
+    ]);
     const onSnapPointChange = React__default.useCallback((activeSnapPointIndex)=>{
         // Change openTime ref when we reach the last snap point to prevent dragging for 500ms incase it's scrollable.
         if (snapPoints && activeSnapPointIndex === snapPointsOffset.length - 1) openTime.current = new Date();
@@ -1559,26 +1580,13 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         autoFocus
     });
     useSafeLayoutEffect(()=>{
-        var _drawerRef_current;
-        if (!isOpen || !modal || autoFocus || typeof document === 'undefined') {
+        if (!isOpen) {
             return;
         }
-        const activeElement = document.activeElement;
-        if (!activeElement || activeElement === document.body) {
-            return;
-        }
-        const activeElementNode = activeElement;
-        if (((_drawerRef_current = drawerRef.current) == null ? void 0 : _drawerRef_current.contains(activeElementNode)) || (activeElementNode.closest == null ? void 0 : activeElementNode.closest.call(activeElementNode, '[data-drawer]'))) {
-            return;
-        }
-        if (typeof activeElementNode.blur !== 'function') {
-            return;
-        }
-        activeElementNode.blur();
+        releaseHiddenFocusBeforeOpen();
     }, [
-        autoFocus,
         isOpen,
-        modal
+        releaseHiddenFocusBeforeOpen
     ]);
     function getScale() {
         return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
@@ -1987,6 +1995,7 @@ function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRe
         onOpenChange: (open)=>{
             if (!dismissible && !open) return;
             if (open) {
+                releaseHiddenFocusBeforeOpen();
                 setHasBeenOpened(true);
             } else {
                 closeDrawer(true);

package/dist/vue/index.js

@@ -28077,6 +28077,23 @@ function Root2({
   const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
   const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
   const initialDrawerHeight = import_react9.default.useRef(0);
+  const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+    if (!modal || autoFocus || typeof document === "undefined") {
+      return;
+    }
+    const activeElement = document.activeElement;
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
+      return;
+    }
+    activeElementNode.blur();
+  }, [autoFocus, modal]);
   const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
     if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
   }, []);
@@ -28136,22 +28153,11 @@ function Root2({
     autoFocus
   });
   useSafeLayoutEffect(() => {
-    if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+    if (!isOpen) {
       return;
     }
-    const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body) {
-      return;
-    }
-    const activeElementNode = activeElement;
-    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-      return;
-    }
-    if (typeof activeElementNode.blur !== "function") {
-      return;
-    }
-    activeElementNode.blur();
-  }, [autoFocus, isOpen, modal]);
+    releaseHiddenFocusBeforeOpen2();
+  }, [isOpen, releaseHiddenFocusBeforeOpen2]);
   function getScale() {
     return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
   }
@@ -28535,6 +28541,7 @@ function Root2({
       onOpenChange: (open) => {
         if (!dismissible && !open) return;
         if (open) {
+          releaseHiddenFocusBeforeOpen2();
           setHasBeenOpened(true);
         } else {
           closeDrawer2(true);

package/dist/vue/index.mjs

@@ -28052,6 +28052,23 @@ function Root2({
   const drawerHeightRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().height || 0);
   const drawerWidthRef = import_react9.default.useRef(drawerRef.current?.getBoundingClientRect().width || 0);
   const initialDrawerHeight = import_react9.default.useRef(0);
+  const releaseHiddenFocusBeforeOpen2 = import_react9.default.useCallback(() => {
+    if (!modal || autoFocus || typeof document === "undefined") {
+      return;
+    }
+    const activeElement = document.activeElement;
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
+      return;
+    }
+    activeElementNode.blur();
+  }, [autoFocus, modal]);
   const onSnapPointChange = import_react9.default.useCallback((activeSnapPointIndex2) => {
     if (snapPoints && activeSnapPointIndex2 === snapPointsOffset.length - 1) openTime.current = /* @__PURE__ */ new Date();
   }, []);
@@ -28111,22 +28128,11 @@ function Root2({
     autoFocus
   });
   useSafeLayoutEffect(() => {
-    if (!isOpen || !modal || autoFocus || typeof document === "undefined") {
+    if (!isOpen) {
       return;
     }
-    const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body) {
-      return;
-    }
-    const activeElementNode = activeElement;
-    if (drawerRef.current?.contains(activeElementNode) || activeElementNode.closest?.("[data-drawer]")) {
-      return;
-    }
-    if (typeof activeElementNode.blur !== "function") {
-      return;
-    }
-    activeElementNode.blur();
-  }, [autoFocus, isOpen, modal]);
+    releaseHiddenFocusBeforeOpen2();
+  }, [isOpen, releaseHiddenFocusBeforeOpen2]);
   function getScale() {
     return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
   }
@@ -28510,6 +28516,7 @@ function Root2({
       onOpenChange: (open) => {
         if (!dismissible && !open) return;
         if (open) {
+          releaseHiddenFocusBeforeOpen2();
           setHasBeenOpened(true);
         } else {
           closeDrawer2(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@samline/drawer",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "A universal drawer package for React, Vue, Svelte, vanilla JS, and browser usage.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",