Fix onBlur and onFocus not working with FormField. (#3424)

jpmorganchase · May 16, 2024 · 461aaaf · 461aaaf
1 parent fe5c364
commit 461aaaf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/.changeset/khaki-shrimps-move.md b/.changeset/khaki-shrimps-move.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Fixed `onBlur` and `onFocus` not working with FormField.
diff --git a/packages/core/src/form-field/FormField.tsx b/packages/core/src/form-field/FormField.tsx
@@ -43,7 +43,7 @@ export interface FormFieldProps
 
 const withBaseName = makePrefixer("saltFormField");
 
-export const FormField = forwardRef(
+export const FormField = forwardRef<HTMLDivElement, FormFieldProps>(
   (
     {
       children,
@@ -52,13 +52,11 @@ export const FormField = forwardRef(
       id: idProp,
       labelPlacement = "top",
       necessity,
-      onBlur,
-      onFocus,
       readOnly = false,
       validationStatus,
       ...restProps
-    }: FormFieldProps,
-    ref: ForwardedRef<HTMLDivElement>
+    },
+    ref
   ) => {
     const targetWindow = useWindow();
     useComponentCssInjection({