Fix props injection / double underline bug

fortanix · Nov 21, 2024 · 9fc11a6 · 9fc11a6
1 parent 3c3c801
commit 9fc11a6
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/src/components/forms/fields/InputFieldWithTags/InputFieldWithTags.tsx b/src/components/forms/fields/InputFieldWithTags/InputFieldWithTags.tsx
@@ -58,11 +58,6 @@ export const InputFieldWithTags = (props: InputFieldWithTagsProps) => {
   const controlId = React.useId();
   const formContext = useFormContext();
 
-  const injectedInputProps = {
-    ...inputProps,
-    unstyled: tags && tags.length > 0,
-  };
-
   const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     // first handle supplied onChange, if exists
     if (inputProps.onChange) {
@@ -121,7 +116,8 @@ export const InputFieldWithTags = (props: InputFieldWithTagsProps) => {
           tags.map((tag, idx) => <Tag key={idx} content={tag} onRemove={() => onRemoveTag(idx)}/>)
         )}
         <Input
-          {...injectedInputProps}
+          {...inputProps}
+          unstyled={true}
           id={controlId}
           form={formContext.formId}
           className={cx(cl['bk-input-field-with-tags__control'], inputProps.className)}