Merge pull request #32 from hydrostack/31-forms-not-keeping-data-and-refresh-by-itself

kjeske · web-flow · commit 0f9978b4e84f · 2024-06-07T09:18:13.000+02:00
Make sure to call preventDefault on a form when doing a submit
diff --git a/src/Scripts/hydro.js b/src/Scripts/hydro.js
@@ -668,7 +668,7 @@ document.addEventListener('alpine:init', () => {
         this.$component = window.Hydro.findComponent(this.$el);
       },
       async invoke(e, action) {
-        if (["click", "submit"].includes(e.type) && ['A', 'BUTTON'].includes(this.$el.tagName)) {
+        if (["click", "submit"].includes(e.type) && ['A', 'BUTTON', 'FORM'].includes(this.$el.tagName)) {
           e.preventDefault();
         }
         await window.Hydro.hydroAction(this.$el, this.$component, action);

Original file line number	Diff line number	Diff line change
`@@ -668,7 +668,7 @@ document.addEventListener('alpine:init', () => {`
`668`	`668`	`this.$component = window.Hydro.findComponent(this.$el);`
`669`	`669`	`},`
`670`	`670`	`async invoke(e, action) {`
`671`		`- if (["click", "submit"].includes(e.type) && ['A', 'BUTTON'].includes(this.$el.tagName)) {`
	`671`	`+ if (["click", "submit"].includes(e.type) && ['A', 'BUTTON', 'FORM'].includes(this.$el.tagName)) {`
`672`	`672`	`e.preventDefault();`
`673`	`673`	`}`
`674`	`674`	`await window.Hydro.hydroAction(this.$el, this.$component, action);`