@deque/cauldron-react 7.5.0-canary.68d744a5 → 7.5.0-canary.6c7ee3b6

package/lib/index.js

@@ -1886,6 +1886,12 @@ var preventTopOverflowMiddleware = {
         });
     }
 };
+// Element-resize tracking is split out of `whileElementsMounted` so it can be
+// scoped to the open state. This function's identity must stay stable:
+// floating-ui keys its positioning effect on whether one was passed, and a
+// re-run calls `update()` again, which on close pulls focus back out of the
+// trigger.
+var autoUpdateWithoutElementResize = function (reference, floating, update) { return dom.autoUpdate(reference, floating, update, { elementResize: false }); };
 var AnchoredOverlay = React.forwardRef(function (_a, refProp) {
     var _b, _c;
     var as = _a.as, _d = _a.placement, initialPlacement = _d === void 0 ? 'auto' : _d, target = _a.target, children = _a.children, style = _a.style, _e = _a.open, open = _e === void 0 ? false : _e, offset = _a.offset, focusTrap = _a.focusTrap, focusTrapOptions = _a.focusTrapOptions, onOpenChange = _a.onOpenChange, onPlacementChange = _a.onPlacementChange, onShiftChange = _a.onShiftChange, portal = _a.portal, props = tslib.__rest(_a, ["as", "placement", "target", "children", "style", "open", "offset", "focusTrap", "focusTrapOptions", "onOpenChange", "onPlacementChange", "onShiftChange", "portal"]);
@@ -1914,8 +1920,35 @@ var AnchoredOverlay = React.forwardRef(function (_a, refProp) {
         elements: {
             reference: resolveElement(target)
         },
-        whileElementsMounted: dom.autoUpdate
-    }), refs = _f.refs, floatingStyles = _f.floatingStyles, placement = _f.placement, middlewareData = _f.middlewareData;
+        whileElementsMounted: autoUpdateWithoutElementResize
+    }), refs = _f.refs, floatingStyles = _f.floatingStyles, placement = _f.placement, middlewareData = _f.middlewareData, update = _f.update, elements = _f.elements;
+    // Observing the target while the overlay is closed measures it for the
+    // first time mid-layout, which leaves a ResizeObserver notification
+    // undelivered and has the browser report an uncaught error.
+    React.useEffect(function () {
+        var reference = elements.reference, floating = elements.floating;
+        if (!open ||
+            !reference ||
+            !floating ||
+            typeof ResizeObserver !== 'function') {
+            return;
+        }
+        // Deferred a task: starting it re-positions, and a render in the middle
+        // of the open sequence loses the overlay's initial focus target.
+        var stopObserving;
+        var timeout = setTimeout(function () {
+            stopObserving = dom.autoUpdate(reference, floating, update, {
+                ancestorScroll: false,
+                ancestorResize: false,
+                layoutShift: false,
+                elementResize: true
+            });
+        });
+        return function () {
+            clearTimeout(timeout);
+            stopObserving === null || stopObserving === void 0 ? void 0 : stopObserving();
+        };
+    }, [open, elements, update]);
     useEscapeKey({
         active: open,
         capture: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "7.5.0-canary.68d744a5",
+  "version": "7.5.0-canary.6c7ee3b6",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
@@ -19,7 +19,7 @@
     "classnames": "^2.2.6",
     "focusable": "^2.3.0",
     "keyname": "^0.1.0",
-    "react-aria-components": "^1.13.0",
+    "react-aria-components": "^1.19.0",
     "react-id-generator": "^3.0.1",
     "react-syntax-highlighter": "^16.1.1",
     "tslib": "^2.4.0"