Merge pull request #109 from aversini/fix(TextInput)-right-element-sh…

…ould-not-be-enclosed-in-span fix(TextInput): right element should not be enclosed in span
versini-org · Dec 2, 2023 · 4b8804a · 4b8804a
2 parents 4e22fe5 + a7dff91
commit 4b8804a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/ui-components/src/components/TextInput/TextInput.tsx b/packages/ui-components/src/components/TextInput/TextInput.tsx
@@ -34,7 +34,7 @@ export const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
 		},
 		ref,
 	) => {
-		const rightElementRef = useRef<HTMLSpanElement>(null);
+		const rightElementRef = useRef<HTMLDivElement>(null);
 		const [inputPaddingRight, setInputPaddingRight] = useState(0);
 		const inputId = useUniqueId({ id, prefix: `${TEXT_INPUT_CLASSNAME}-` });
 		const liveErrorMessage = `${name} error, ${helperText}`;
@@ -99,12 +99,12 @@ export const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
 				)}
 
 				{rightElement && (
-					<span
+					<div
 						ref={rightElementRef}
 						className={textInputClassName.rightElement}
 					>
 						{rightElement}
-					</span>
+					</div>
 				)}
 
 				{error && helperText && (