From 9fc11a6f492bd760821cccfa340ed50fc8afda57 Mon Sep 17 00:00:00 2001
From: Arlindo Pereira <arlindosaraivapereira@gmail.com>
Date: Thu, 21 Nov 2024 17:34:00 +0100
Subject: [PATCH] Fix props injection / double underline bug

---
 .../fields/InputFieldWithTags/InputFieldWithTags.tsx      | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/forms/fields/InputFieldWithTags/InputFieldWithTags.tsx b/src/components/forms/fields/InputFieldWithTags/InputFieldWithTags.tsx
index b31dd9d..1e769c5 100644
--- 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)}