Skip to content

Commit 278ddbe

Browse files
authored
Merge pull request #497 from mashmatrix/support-slds-2-switch-has-icon-classname-in-lookup
Consider cases without icon for selected item in `Lookup` for SLDS2
2 parents 3b579a7 + 511b226 commit 278ddbe

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

src/scripts/Lookup.tsx

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -138,12 +138,15 @@ const LookupSelectedState: FC<LookupSelectedStateProps> = ({
138138
listboxId,
139139
onRemoveSelection,
140140
}) => {
141+
const formElementClassnames = classnames(
142+
'slds-combobox__form-element',
143+
'slds-input-has-icon',
144+
`slds-input-has-icon_${selected.icon ? 'left-' : ''}right`
145+
);
146+
141147
return (
142148
<div className='slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click'>
143-
<div
144-
className='slds-combobox__form-element slds-input-has-icon slds-input-has-icon_left-right'
145-
role='none'
146-
>
149+
<div className={formElementClassnames} role='none'>
147150
{selected.icon && (
148151
<Icon
149152
containerClassName='slds-combobox__input-entity-icon'

0 commit comments

Comments
 (0)