Changed behaviour of switch buttons on enter keydown - enter submits …

…associated form
68publishers · Apr 25, 2023 · 6a285db · 6a285db
1 parent 87aa3d8
commit 6a285db
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/assets/js/plugin/toggle.js b/assets/js/plugin/toggle.js
@@ -36,6 +36,19 @@ function Toggle(Alpine) {
             ['x-on:click']() {
                 this.doToggle();
             },
+            ['x-on:keydown.enter.prevent']() {
+                const $form = this.$el.form;
+
+                if (!$form) {
+                    return;
+                }
+
+                const $submitButton = $form.querySelector('input[type="submit"], button[type="submit"]');
+
+                if ($submitButton) {
+                    $submitButton.click();
+                }
+            },
             [':aria-checked']() {
                 return this.checked;
             },