diff --git a/src/NumberInput/NumberInput.svelte b/src/NumberInput/NumberInput.svelte index 73e516a9..f8f33592 100644 --- a/src/NumberInput/NumberInput.svelte +++ b/src/NumberInput/NumberInput.svelte @@ -119,9 +119,11 @@ dispatch("change", value); }); + let inputValue = value; + $: incrementLabel = translateWithId("increment"); $: decrementLabel = translateWithId("decrement"); - $: value = Number(value); + $: value = Number(inputValue); $: error = invalid || (!allowEmpty && value === "") || value > max || value < min; $: errorId = `error-${id}`; @@ -182,7 +184,7 @@ aria-label="{label ? undefined : ariaLabel}" on:input on:input="{({ target }) => { - value = target.value; + inputValue = target.value; }}" disabled="{disabled}" id="{id}" @@ -231,7 +233,7 @@ aria-label="{label ? undefined : ariaLabel}" on:input on:input="{({ target }) => { - value = target.value; + inputValue = target.value; }}" disabled="{disabled}" id="{id}"