Release v2.2.1

Author: GrimLink

CHANGELOG.md

@@ -8,6 +8,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 [Unreleased]: https://github.com/fylgja/alpinejs-dialog/compare/v2.2.1...HEAD
 
+## [2.2.1] - 2025-10-09
+[2.2.1]: https://github.com/fylgja/alpinejs-dialog/compare/v2.2.0...v2.2.1
+
+### Fixed
+
+- Missing closeby logic for escape key
+- Missing submit logic from not triggering the close event
+
 ## [2.2.0] - 2025-10-09
 [2.2.0]: https://github.com/fylgja/alpinejs-dialog/compare/v2.1.1...v2.2.0
 

dist/index.cjs

@@ -31,7 +31,7 @@ function dialog_default(Alpine) {
     };
     const canEvaluate = expression.length > 0;
     const lockPageScroll = modifiers.includes("noscroll");
-    const closeBy = el.hasAttribute("closeby") ? el.getAttribute("closeby") : modifierValue(modifiers, "closeby", "closerequest");
+    const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest");
     el.style.display = null;
     el.style.length === 0 && el.removeAttribute("style");
     if (el._x_isShown) {
@@ -45,12 +45,14 @@ function dialog_default(Alpine) {
     }
     function dialogSubmit(event) {
       var _a;
-      if ((event.target.getAttribute("method") === "dialog" || ((_a = event.submitter) == null ? void 0 : _a.getAttribute("formmethod")) === "dialog") && !canEvaluate) {
+      if (event.target.getAttribute("method") === "dialog" || ((_a = event.submitter) == null ? void 0 : _a.getAttribute("formmethod")) === "dialog") {
         event.preventDefault();
+        evaluate();
       }
     }
     function escapeDialog(event) {
-      if (event.key === "Escape" && !canEvaluate) {
+      if (event.key !== "Escape") return;
+      if (closeBy === "none" || !canEvaluate) {
         event.preventDefault();
       }
     }

dist/index.js

@@ -7,7 +7,7 @@
       };
       const canEvaluate = expression.length > 0;
       const lockPageScroll = modifiers.includes("noscroll");
-      const closeBy = el.hasAttribute("closeby") ? el.getAttribute("closeby") : modifierValue(modifiers, "closeby", "closerequest");
+      const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest");
       el.style.display = null;
       el.style.length === 0 && el.removeAttribute("style");
       if (el._x_isShown) {
@@ -20,12 +20,14 @@
         document.body.style.overflow = use ? "hidden" : "";
       }
       function dialogSubmit(event) {
-        if ((event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") && !canEvaluate) {
+        if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") {
           event.preventDefault();
+          evaluate();
         }
       }
       function escapeDialog(event) {
-        if (event.key === "Escape" && !canEvaluate) {
+        if (event.key !== "Escape") return;
+        if (closeBy === "none" || !canEvaluate) {
           event.preventDefault();
         }
       }

dist/index.min.js

@@ -6,7 +6,7 @@ function dialog_default(Alpine) {
     };
     const canEvaluate = expression.length > 0;
     const lockPageScroll = modifiers.includes("noscroll");
-    const closeBy = el.hasAttribute("closeby") ? el.getAttribute("closeby") : modifierValue(modifiers, "closeby", "closerequest");
+    const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest");
     el.style.display = null;
     el.style.length === 0 && el.removeAttribute("style");
     if (el._x_isShown) {
@@ -19,12 +19,14 @@ function dialog_default(Alpine) {
       document.body.style.overflow = use ? "hidden" : "";
     }
     function dialogSubmit(event) {
-      if ((event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") && !canEvaluate) {
+      if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") {
         event.preventDefault();
+        evaluate();
       }
     }
     function escapeDialog(event) {
-      if (event.key === "Escape" && !canEvaluate) {
+      if (event.key !== "Escape") return;
+      if (closeBy === "none" || !canEvaluate) {
         event.preventDefault();
       }
     }

dist/index.mjs

@@ -1,6 +1,6 @@
 {
   "name": "@fylgja/alpinejs-dialog",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Bring the power of AlpineJs to the HTML dialog",
   "homepage": "https://fylgja.dev/",
   "author": "Fylgja",