don't rely on svelte 5 feature

techniq · Jan 14, 2025 · 1375d1c · 1375d1c
1 parent 0ae9bfd
commit 1375d1c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/svelte-ux/src/lib/components/TextField.svelte b/packages/svelte-ux/src/lib/components/TextField.svelte
@@ -62,6 +62,8 @@
     : undefined;
   export let operators: { label: string; value: string }[] | undefined = undefined;
   export let inputEl: HTMLInputElement | HTMLTextAreaElement | null = null;
+  // this is a workaround because Input only accepts an HTMLInputElement, not a TextAreaElement
+  const inputHolder = { set input(value: HTMLInputElement | null) { inputEl = value; } };
   export let debounceChange: boolean | number = false;
   export let classes: {
     root?: string;
@@ -367,7 +369,7 @@
                 {max}
                 {step}
                 {actions}
-                bind:inputEl={null, (el) => (inputEl = el ?? null)}
+                bind:inputEl={inputHolder.input}
                 on:input={handleInput}
                 on:focus
                 on:blur