Fixed #196.

Nested array and object-level errors are now cleared after a successful client-side validation.

Author: ciscoheat

CHANGELOG.md

@@ -9,9 +9,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- Nested array and object-level errors are now all cleared on a successful client-side validation. ([#196](https://github.com/ciscoheat/sveltekit-superforms/issues/196))
 - Boolean fields with a default value of `true` always returned `true` when validating.
-- Fixed infinite deep type instantiation on `message`. (#143, thanks to [Alisson Cavalcante Agiani](https://github.com/thelinuxlich))
-- Fixed typesVersions map that caused incorrect auto-import paths (#191, thanks to [CokaKoala](https://github.com/AdrianGonz97))
+- Fixed infinite deep type instantiation on `message`. ([#143](https://github.com/ciscoheat/sveltekit-superforms/issues/143), thanks to [Alisson Cavalcante Agiani](https://github.com/thelinuxlich))
+- Fixed typesVersions map that caused incorrect auto-import paths ([#191](https://github.com/ciscoheat/sveltekit-superforms/pull/191), thanks to [CokaKoala](https://github.com/AdrianGonz97))
 
 ## [1.0.0]
 

src/lib/client/clientValidation.ts

@@ -372,7 +372,9 @@ async function _validateField<T extends AnyZodObject, M>(
 
   function Errors_clearFormLevelErrors() {
     Errors.update(($errors) => {
-      $errors._errors = undefined;
+      traversePaths($errors, (path) => {
+        if (path.key == '_errors') return path.set(undefined);
+      });
       return $errors;
     });
   }

src/routes/tests/issue-196/+page.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+  import { superForm, superValidateSync } from '$lib/client';
+  import { z } from 'zod';
+
+  const childSchema = z.object({
+    option: z.enum(['', 'one', 'two', 'three'])
+  });
+  const parentSchema = z.object({
+    children: childSchema
+      .array()
+      .refine((children) =>
+        children.some((child) => child.option.length > 0)
+      )
+  });
+
+  const initialValues = {
+    children: [{ option: '' as const }, { option: '' as const }]
+  };
+
+  const { enhance, form, errors, allErrors } = superForm(
+    superValidateSync(initialValues, parentSchema),
+    {
+      SPA: true,
+      dataType: 'json',
+      validators: parentSchema,
+      taintedMessage: null
+    }
+  );
+
+  $: console.log($form, $errors);
+</script>
+
+{#if $errors.children?._errors}
+  <p>{$errors.children._errors}</p>
+{/if}
+
+<form method="POST" use:enhance>
+  {#each $form.children as _child, i}
+    <p>
+      <label for={`options-${i}`}>Child {i + 1}</label>
+      <select id={`options-${i}`} bind:value={$form.children[i].option}>
+        <option value="">None</option>
+        <option value="one">One</option>
+        <option value="two">Two</option>
+        <option value="three">Three</option>
+      </select>
+    </p>
+  {/each}
+
+  <button type="submit" disabled={$allErrors?.length > 0}> Submit </button>
+</form>