Reset field when disabled.

haacked · Jan 6, 2024 · 5d4cc4f · 5d4cc4f
1 parent e35b12e
commit 5d4cc4f
Showing 1 changed file with 46 additions and 27 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -958,31 +958,35 @@ export class ValidationService {
 
         form.addEventListener('submit', cb);
         form.addEventListener('reset', e => {
-            let uids = this.formInputs[formUID];
+            const uids = this.formInputs[formUID];
 
             for (let uid of uids) {
-                let input = this.elementByUID[uid] as ValidatableElement;
-                if (input.classList.contains(this.ValidationInputCssClassName)) {
-                    input.classList.remove(this.ValidationInputCssClassName);
-                }
-                if (input.classList.contains(this.ValidationInputValidCssClassName)) {
-                    input.classList.remove(this.ValidationInputValidCssClassName);
-                }
-
-                let spans = this.getMessageFor(input);
-                if (spans) {
-                    for (let i = 0; i < spans.length; i++) {
-                        spans[i].innerHTML = '';
-                    }
-                }
-
-                delete this.summary[uid];
+                this.resetField(uid);
             }
             this.renderSummary();
         });
         this.formEvents[formUID] = cb;
     }
 
+    private resetField(inputUID: string) {
+        let input = this.elementByUID[inputUID] as ValidatableElement;
+        if (input.classList.contains(this.ValidationInputCssClassName)) {
+            input.classList.remove(this.ValidationInputCssClassName);
+        }
+        if (input.classList.contains(this.ValidationInputValidCssClassName)) {
+            input.classList.remove(this.ValidationInputValidCssClassName);
+        }
+
+        let spans = this.getMessageFor(input);
+        if (spans) {
+            for (let i = 0; i < spans.length; i++) {
+                spans[i].innerHTML = '';
+            }
+        }
+
+        delete this.summary[inputUID];
+    }
+
     private untrackFormInput(form: HTMLFormElement, inputUID: string) {
         let formUID = this.getElementUID(form);
         if (!this.formInputs[formUID]) {
@@ -1071,7 +1075,7 @@ export class ValidationService {
 
         for (let i = 0; i < inputs.length; i++) {
             let input = inputs[i];
-            if (remove) {
+            if (remove || input.disabled) {
                 this.removeInput(input);
             }
             else {
@@ -1407,15 +1411,30 @@ export class ValidationService {
             }
         } else if (mutation.type === 'attributes') {
             if (mutation.target instanceof HTMLElement) {
-                const oldValue = mutation.oldValue ?? '';
-                const newValue = mutation.target.attributes[mutation.attributeName]?.value ?? '';
-                this.logger.log("Attribute '%s' changed from '%s' to '%s'",
-                    mutation.attributeName,
-                    oldValue,
-                    newValue,
-                    mutation.target);
-                if (oldValue !== newValue) {
-                    this.scan(mutation.target);
+                const attributeName = mutation.attributeName;
+
+                // Special case for disabled.
+                if (attributeName === 'disabled') {
+                    const target = mutation.target as ValidatableElement;
+                    if (target.disabled) {
+                        this.remove(target);
+                        this.resetField(this.getElementUID(target));
+                    }
+                    else {
+                        this.scan(target);
+                    }
+                }
+                else {
+                    const oldValue = mutation.oldValue ?? '';
+                    const newValue = mutation.target.attributes[mutation.attributeName]?.value ?? '';
+                    this.logger.log("Attribute '%s' changed from '%s' to '%s'",
+                        mutation.attributeName,
+                        oldValue,
+                        newValue,
+                        mutation.target);
+                    if (oldValue !== newValue) {
+                        this.scan(mutation.target);
+                    }
                 }
             }
         }