@deque/cauldron-react 6.25.2 → 6.25.3-canary.124879ea

package/lib/index.js

@@ -5351,8 +5351,13 @@ var ActionMenu = React.forwardRef(function (_a, ref) {
             setOpen(false);
         }
     }, []);
-    var handleOverlayBlur = React.useCallback(function () {
-        setOpen(false);
+    var handleOverlayBlur = React.useCallback(function (event) {
+        var _a, _b;
+        var relatedTarget = event.relatedTarget;
+        if (!((_a = actionMenuRef.current) === null || _a === void 0 ? void 0 : _a.contains(relatedTarget)) &&
+            !((_b = triggerRef.current) === null || _b === void 0 ? void 0 : _b.contains(relatedTarget))) {
+            setOpen(false);
+        }
     }, []);
     var handleAction = React.useCallback(function (key, event) {
         // istanbul ignore else
@@ -5365,12 +5370,21 @@ var ActionMenu = React.forwardRef(function (_a, ref) {
         }
     }, [actionMenuList.props.onAction]);
     React.useEffect(function () {
-        var _a, _b, _c;
+        var _a, _b;
         if (open) {
-            (_a = actionMenuListRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            // Use double requestAnimationFrame to ensure layout is complete.
+            // The first RAF schedules work for the next frame, the second ensures
+            // the browser has actually completed the layout pass.
+            // This prevents scroll jumping when opening ActionMenus.
+            requestAnimationFrame(function () {
+                requestAnimationFrame(function () {
+                    var _a;
+                    (_a = actionMenuListRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                });
+            });
         }
-        else if ((_b = actionMenuListRef.current) === null || _b === void 0 ? void 0 : _b.contains(document.activeElement)) {
-            (_c = triggerRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+        else if ((_a = actionMenuListRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) {
+            (_b = triggerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
     }, [open]);
     var hidden = renderInTrigger && !open;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.25.2",
+  "version": "6.25.3-canary.124879ea",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",