diff --git a/src/NumberInput/NumberInput.svelte b/src/NumberInput/NumberInput.svelte
index 58454a93..48e2444a 100644
--- a/src/NumberInput/NumberInput.svelte
+++ b/src/NumberInput/NumberInput.svelte
@@ -133,6 +133,7 @@
   $: ariaLabel =
     $$props["aria-label"] ||
     "Numeric input field with increment and decrement buttons";
+  $: if (ref) ref.setCustomValidity(invalid ? invalidText : "");
 
   function parse(raw) {
     return raw != "" ? Number(raw) : null;
@@ -154,8 +155,6 @@
     dispatch("change", parse(target.value));
   }
 
-  $: if (ref) ref.setCustomValidity(invalid ? invalidText : "");
-
   onMount(() => {
     error = getValidity();
   });