Fixed issues with auto complete not working correctly with form sync

src/snek/static/generic-form.js

@@ -165,6 +165,9 @@ class GenericField extends HTMLElement {
       const me = this;
       this.inputElement.addEventListener("keyup", (e) => {
         if (e.key === 'Enter') {
+          const event = new CustomEvent("change", {detail: me, bubbles: true});
+          me.dispatchEvent(event);
+
           me.dispatchEvent(new Event("submit"));
         } else if (me.field.value !== e.target.value) {
           const event = new CustomEvent("change", {detail: me, bubbles: true});
@@ -177,6 +180,11 @@ class GenericField extends HTMLElement {
         me.dispatchEvent(event);
       });
 
+      this.inputElement.addEventListener("blur", (e) => {
+        const event = new CustomEvent("change", {detail: me, bubbles: true});
+        me.dispatchEvent(event);
+      }, true);
+
       this.container.appendChild(this.inputElement);
     }
 
@@ -307,6 +315,16 @@ class GenericForm extends HTMLElement {
             }
           }
         });
+
+        fieldElement.addEventListener("submit", async (e) => {
+          const isValid = await this.validate();
+          if (isValid) {
+            const saveResult = await this.submit();
+            if (saveResult.redirect_url) {
+              window.location.pathname = saveResult.redirect_url;
+            }
+          }
+        })
       });
 
     } catch (error) {