@zag-js/dismissable 1.33.0 → 1.33.1

package/dist/index.js

@@ -17,6 +17,7 @@ var LAYER_REQUEST_DISMISS_EVENT = "layer:request-dismiss";
 var layerStack = {
   layers: [],
   branches: [],
+  recentlyRemoved: /* @__PURE__ */ new Set(),
   count() {
     return this.layers.length;
   },
@@ -58,7 +59,10 @@ var layerStack = {
     return this.getNestedLayersByType(node, type).length;
   },
   isInNestedLayer(node, target) {
-    return this.getNestedLayers(node).some((layer) => domQuery.contains(layer.node, target));
+    const inNested = this.getNestedLayers(node).some((layer) => domQuery.contains(layer.node, target));
+    if (inNested) return true;
+    if (this.recentlyRemoved.size > 0) return true;
+    return false;
   },
   isInBranch(target) {
     return Array.from(this.branches).some((branch) => domQuery.contains(branch, target));
@@ -73,6 +77,8 @@ var layerStack = {
   remove(node) {
     const index = this.indexOf(node);
     if (index < 0) return;
+    this.recentlyRemoved.add(node);
+    domQuery.nextTick(() => this.recentlyRemoved.delete(node));
     if (index < this.count() - 1) {
       const _layers = this.getNestedLayers(node);
       _layers.forEach((layer) => layerStack.dismiss(layer.node, node));

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { raf, contains, getDocument, waitForElement, isHTMLElement, setStyle, addDomEvent, getEventTarget } from '@zag-js/dom-query';
+import { raf, nextTick, contains, getDocument, waitForElement, isHTMLElement, setStyle, addDomEvent, getEventTarget } from '@zag-js/dom-query';
 import { trackInteractOutside } from '@zag-js/interact-outside';
 import { isFunction, warn } from '@zag-js/utils';
 
@@ -15,6 +15,7 @@ var LAYER_REQUEST_DISMISS_EVENT = "layer:request-dismiss";
 var layerStack = {
   layers: [],
   branches: [],
+  recentlyRemoved: /* @__PURE__ */ new Set(),
   count() {
     return this.layers.length;
   },
@@ -56,7 +57,10 @@ var layerStack = {
     return this.getNestedLayersByType(node, type).length;
   },
   isInNestedLayer(node, target) {
-    return this.getNestedLayers(node).some((layer) => contains(layer.node, target));
+    const inNested = this.getNestedLayers(node).some((layer) => contains(layer.node, target));
+    if (inNested) return true;
+    if (this.recentlyRemoved.size > 0) return true;
+    return false;
   },
   isInBranch(target) {
     return Array.from(this.branches).some((branch) => contains(branch, target));
@@ -71,6 +75,8 @@ var layerStack = {
   remove(node) {
     const index = this.indexOf(node);
     if (index < 0) return;
+    this.recentlyRemoved.add(node);
+    nextTick(() => this.recentlyRemoved.delete(node));
     if (index < this.count() - 1) {
       const _layers = this.getNestedLayers(node);
       _layers.forEach((layer) => layerStack.dismiss(layer.node, node));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/dismissable",
-  "version": "1.33.0",
+  "version": "1.33.1",
   "description": "Dismissable layer utilities for the DOM",
   "keywords": [
     "js",
@@ -23,9 +23,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@zag-js/interact-outside": "1.33.0",
-    "@zag-js/dom-query": "1.33.0",
-    "@zag-js/utils": "1.33.0"
+    "@zag-js/interact-outside": "1.33.1",
+    "@zag-js/dom-query": "1.33.1",
+    "@zag-js/utils": "1.33.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"