@trackunit/react-drawer 2.6.71 → 2.6.72

package/index.cjs.js

@@ -364,6 +364,19 @@ const Drawer = ({ isOpen, variant, trapFocus, position, floatingUi, children, "d
         });
         return () => cancelAnimationFrame(rafId);
     }, [drawerState.mode, drawerState.shouldRender]);
+    // If transitionend is suppressed while a CSS animation is reported as running
+    // (Playwright/iframe), unmount after the motion duration so close cannot stick.
+    react.useEffect(() => {
+        if (drawerState.mode !== "closed" || !drawerState.shouldRender) {
+            return;
+        }
+        const timeoutId = window.setTimeout(() => {
+            if (!isOpenRef.current) {
+                dispatch({ type: "transitionEnd" });
+            }
+        }, DRAWER_TRANSITION_DURATION_MS + 50);
+        return () => window.clearTimeout(timeoutId);
+    }, [drawerState.mode, drawerState.shouldRender]);
     // If transitionend is suppressed, settle enter after the motion duration so focus
     // still activates. Do not use a zero-delay rAF here — getAnimations() can be empty
     // for a frame before the CSS transition starts, which would focus mid-slide and

package/index.esm.js

@@ -362,6 +362,19 @@ const Drawer = ({ isOpen, variant, trapFocus, position, floatingUi, children, "d
         });
         return () => cancelAnimationFrame(rafId);
     }, [drawerState.mode, drawerState.shouldRender]);
+    // If transitionend is suppressed while a CSS animation is reported as running
+    // (Playwright/iframe), unmount after the motion duration so close cannot stick.
+    useEffect(() => {
+        if (drawerState.mode !== "closed" || !drawerState.shouldRender) {
+            return;
+        }
+        const timeoutId = window.setTimeout(() => {
+            if (!isOpenRef.current) {
+                dispatch({ type: "transitionEnd" });
+            }
+        }, DRAWER_TRANSITION_DURATION_MS + 50);
+        return () => window.clearTimeout(timeoutId);
+    }, [drawerState.mode, drawerState.shouldRender]);
     // If transitionend is suppressed, settle enter after the motion duration so focus
     // still activates. Do not use a zero-delay rAF here — getAnimations() can be empty
     // for a frame before the CSS transition starts, which would focus mid-slide and

package/migrations/entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.js","sourceRoot":"","sources":["../../../../../libs/react/drawer/migrations/entry.ts"],"names":[],"mappings":"","sourcesContent":["export {};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-drawer",
-  "version": "2.6.71",
+  "version": "2.6.72",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {