@zag-js/popover 1.44.0 → 1.46.0

package/dist/popover.machine.js

@@ -125,6 +125,7 @@ var machine = (0, import_core.createMachine)({
       }
     },
     open: {
+      entry: ["checkRenderedElements"],
       effects: [
         "trapFocus",
         "preventScroll",
@@ -190,6 +191,7 @@ var machine = (0, import_core.createMachine)({
           pointerBlocking: prop("modal"),
           exclude: [dom.getTriggerEl(scope), ...dom.getTriggerEls(scope)].filter(Boolean),
           defer: true,
+          layerStyleTargets: [() => dom.getPositionerEl(scope)],
           onEscapeKeyDown(event) {
             prop("onEscapeKeyDown")?.(event);
             if (prop("closeOnEscape")) return;
@@ -281,7 +283,7 @@ var machine = (0, import_core.createMachine)({
       },
       checkRenderedElements({ context, scope }) {
         (0, import_dom_query.raf)(() => {
-          Object.assign(context.get("renderedElements"), {
+          context.set("renderedElements", {
             title: !!dom.getTitleEl(scope),
             description: !!dom.getDescriptionEl(scope)
           });
@@ -295,7 +297,8 @@ var machine = (0, import_core.createMachine)({
             getInitialEl: prop("initialFocusEl"),
             enabled: prop("autoFocus")
           });
-          element?.focus({ preventScroll: true });
+          if (!element) return;
+          element.focus({ preventScroll: true });
         });
       },
       setFinalFocus({ event, prop, scope, context }) {

package/dist/popover.machine.mjs

@@ -91,6 +91,7 @@ var machine = createMachine({
       }
     },
     open: {
+      entry: ["checkRenderedElements"],
       effects: [
         "trapFocus",
         "preventScroll",
@@ -156,6 +157,7 @@ var machine = createMachine({
           pointerBlocking: prop("modal"),
           exclude: [dom.getTriggerEl(scope), ...dom.getTriggerEls(scope)].filter(Boolean),
           defer: true,
+          layerStyleTargets: [() => dom.getPositionerEl(scope)],
           onEscapeKeyDown(event) {
             prop("onEscapeKeyDown")?.(event);
             if (prop("closeOnEscape")) return;
@@ -247,7 +249,7 @@ var machine = createMachine({
       },
       checkRenderedElements({ context, scope }) {
         raf(() => {
-          Object.assign(context.get("renderedElements"), {
+          context.set("renderedElements", {
             title: !!dom.getTitleEl(scope),
             description: !!dom.getDescriptionEl(scope)
           });
@@ -261,7 +263,8 @@ var machine = createMachine({
             getInitialEl: prop("initialFocusEl"),
             enabled: prop("autoFocus")
           });
-          element?.focus({ preventScroll: true });
+          if (!element) return;
+          element.focus({ preventScroll: true });
         });
       },
       setFinalFocus({ event, prop, scope, context }) {

package/dist/popover.types.d.mts

@@ -65,8 +65,9 @@ interface PopoverProps extends CommonProperties, DirectionProperty, DismissableE
     autoFocus?: boolean | undefined;
     /**
      * The element to focus on when the popover is opened.
+     * Return `false` to skip moving focus, or `null` to use the default.
      */
-    initialFocusEl?: (() => HTMLElement | null) | undefined;
+    initialFocusEl?: (() => HTMLElement | null | false) | undefined;
     /**
      * Element to receive focus when the popover is closed.
      */

package/dist/popover.types.d.ts

@@ -65,8 +65,9 @@ interface PopoverProps extends CommonProperties, DirectionProperty, DismissableE
     autoFocus?: boolean | undefined;
     /**
      * The element to focus on when the popover is opened.
+     * Return `false` to skip moving focus, or `null` to use the default.
      */
-    initialFocusEl?: (() => HTMLElement | null) | undefined;
+    initialFocusEl?: (() => HTMLElement | null | false) | undefined;
     /**
      * Element to receive focus when the popover is closed.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popover",
-  "version": "1.44.0",
+  "version": "1.46.0",
   "description": "Core logic for the popover widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,16 +29,16 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.44.0",
-    "@zag-js/aria-hidden": "1.44.0",
-    "@zag-js/core": "1.44.0",
-    "@zag-js/dom-query": "1.44.0",
-    "@zag-js/utils": "1.44.0",
-    "@zag-js/dismissable": "1.44.0",
-    "@zag-js/popper": "1.44.0",
-    "@zag-js/remove-scroll": "1.44.0",
-    "@zag-js/types": "1.44.0",
-    "@zag-js/focus-trap": "1.44.0"
+    "@zag-js/anatomy": "1.46.0",
+    "@zag-js/aria-hidden": "1.46.0",
+    "@zag-js/core": "1.46.0",
+    "@zag-js/dom-query": "1.46.0",
+    "@zag-js/utils": "1.46.0",
+    "@zag-js/dismissable": "1.46.0",
+    "@zag-js/popper": "1.46.0",
+    "@zag-js/remove-scroll": "1.46.0",
+    "@zag-js/types": "1.46.0",
+    "@zag-js/focus-trap": "1.46.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"