Merge pull request #776 from maiieul/remove-styled-input-ref

chore(styled input): remove ref

Author: maiieul

packages/kit-styled/src/components/input/input.tsx

@@ -1,4 +1,4 @@
-import { $, component$, useSignal, type PropsOf } from '@builder.io/qwik';
+import { $, component$, type PropsOf } from '@builder.io/qwik';
 import { cn } from '@qwik-ui/utils';
 
 type InputProps = PropsOf<'input'> & {
@@ -8,7 +8,6 @@ type InputProps = PropsOf<'input'> & {
 export const Input = component$<InputProps>(
   ({ name, error, id, ['bind:value']: valueSig, value, onInput$, ...props }) => {
     const inputId = id || name;
-    const inputRef = useSignal<HTMLInputElement>();
 
     return (
       <>
@@ -19,7 +18,6 @@ export const Input = component$<InputProps>(
           // workaround to support two way data-binding on the Input component (https://github.com/QwikDev/qwik/issues/3926)
           value={valueSig ? valueSig.value : value}
           onInput$={valueSig ? $((__, el) => (valueSig.value = el.value)) : onInput$}
-          ref={inputRef}
           class={cn(
             'flex h-12 w-full rounded-base border border-input bg-background px-3 py-1 text-sm text-foreground shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
             props.class,