fix(textinput): onKeyUp/Down not forwarded (#4385)

* fix(textinput): onKeyUp/Down not forwarded * fix: changeset * Update .changeset/gorgeous-plants-reflect.md Co-authored-by: Matthias Prost <[email protected]> --------- Co-authored-by: Matthias Prost <[email protected]>
scaleway · Oct 28, 2024 · d203ee4 · d203ee4
1 parent 0a99da7
commit d203ee4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/gorgeous-plants-reflect.md b/.changeset/gorgeous-plants-reflect.md
@@ -0,0 +1,6 @@
+---
+"@ultraviolet/form": patch
+"@ultraviolet/ui": patch
+---
+
+Fix <TextInputV2 /> onKeyUp/Down not forwarded
diff --git a/packages/form/src/components/TextInputFieldV2/index.tsx b/packages/form/src/components/TextInputFieldV2/index.tsx
@@ -61,6 +61,8 @@ export const TextInputField = <
   role,
   'aria-live': ariaLive,
   'aria-atomic': ariaAtomic,
+  onKeyDown,
+  onKeyUp,
 }: TextInputFieldProps<TFieldValues, TFieldName>) => {
   const { getError } = useErrors()
 
@@ -142,6 +144,8 @@ export const TextInputField = <
       role={role}
       aria-live={ariaLive}
       aria-atomic={ariaAtomic}
+      onKeyDown={onKeyDown}
+      onKeyUp={onKeyUp}
     />
   )
 }
diff --git a/packages/ui/src/components/TextInputV2/index.tsx b/packages/ui/src/components/TextInputV2/index.tsx
@@ -179,6 +179,7 @@ type TextInputProps = {
   | 'tabIndex'
   | 'autoComplete'
   | 'onKeyDown'
+  | 'onKeyUp'
   | 'role'
   | 'aria-live'
   | 'aria-atomic'
@@ -227,6 +228,7 @@ export const TextInputV2 = forwardRef<HTMLInputElement, TextInputProps>(
       'aria-label': ariaLabel,
       autoComplete,
       onKeyDown,
+      onKeyUp,
       role,
       'aria-live': ariaLive,
       'aria-atomic': ariaAtomic,
@@ -354,6 +356,7 @@ export const TextInputV2 = forwardRef<HTMLInputElement, TextInputProps>(
                 autoComplete={autoComplete}
                 required={required}
                 onKeyDown={onKeyDown}
+                onKeyUp={onKeyUp}
               />
               {success || error || loading || computedClearable ? (
                 <StateStack direction="row" gap={1} alignItems="center">