diff --git a/src/text-input/index.tsx b/src/text-input/index.tsx index fde3099d16..2a9f955165 100644 --- a/src/text-input/index.tsx +++ b/src/text-input/index.tsx @@ -226,6 +226,11 @@ export const TextInput = factory(function TextInput({ const inputFocused = focus.isFocused('input'); const autofilled = Boolean(icache.get('autofilled')); + let leadingElements; + if (leading) { + leadingElements = Array.isArray(leading) ? leading : [leading]; + } + return (
- {leading && {leading}} + {leadingElements && ( + + {leadingElements.map((leadingElement) => ( + {leadingElement} + ))} + + )} A; + const leading = ( + + A + + ); const leadingTemplate = baseAssertion .setProperty('@wrapper', 'classes', [ css.wrapper, diff --git a/src/theme/dojo/chip-typeahead.m.css b/src/theme/dojo/chip-typeahead.m.css index 918482e4b6..f88959b18b 100644 --- a/src/theme/dojo/chip-typeahead.m.css +++ b/src/theme/dojo/chip-typeahead.m.css @@ -17,11 +17,9 @@ } .root .inputLeading { - display: block; pointer-events: unset; position: static; transform: none; - max-width: 100%; } .root .inputWrapper { diff --git a/src/theme/material/chip-typeahead.m.css b/src/theme/material/chip-typeahead.m.css index 9034d31765..aed6c07c0f 100644 --- a/src/theme/material/chip-typeahead.m.css +++ b/src/theme/material/chip-typeahead.m.css @@ -41,11 +41,9 @@ } .root .inputLeading { - display: block; pointer-events: unset; position: static; transform: none; - max-width: 100%; } .values .value {