fix(pat-validation): When removing the error, also clear the error state of all siblings.

Author: thet

src/pat/validation/validation.js

@@ -257,7 +257,7 @@ class Pattern extends BasePattern {
 
             if (!validity_state.customError) {
                 // No error to handle. Return.
-                this.remove_error(input, true);
+                this.remove_error({ input });
                 return;
             }
         } else {
@@ -354,15 +354,23 @@ class Pattern extends BasePattern {
         }
     }
 
-    remove_error(input, all_of_group = false, skip_event = false) {
-        // Remove error message and related referencesfrom input.
+    remove_error({
+        input,
+        all_of_group = true,
+        clear_state = true,
+        skip_event = false,
+    }) {
+        // Remove error message and related references from input.
 
         let inputs = [input];
         if (all_of_group) {
             // Get all inputs with the same name - e.g. radio buttons, checkboxes.
             inputs = this.inputs.filter((it) => it.name === input.name);
         }
         for (const it of inputs) {
+            if (clear_state) {
+                this.set_error({ input: it, msg: "", skip_event: true });
+            }
             const error_node = it[KEY_ERROR_EL];
             it[KEY_ERROR_EL] = null;
             error_node?.remove();
@@ -385,7 +393,12 @@ class Pattern extends BasePattern {
 
     set_error_message(input) {
         // First, remove the old error message.
-        this.remove_error(input, false, true);
+        this.remove_error({
+            input,
+            all_of_group: false,
+            clear_state: false,
+            skip_event: true
+        });
 
         // Do not set a error message for a input group like radio buttons or
         // checkboxes where one has already been set.