File tree Expand file tree Collapse file tree 1 file changed +20
-21
lines changed
packages/dropdowns/src/elements/combobox Expand file tree Collapse file tree 1 file changed +20
-21
lines changed Original file line number Diff line number Diff line change @@ -176,32 +176,31 @@ export const Combobox = forwardRef<HTMLDivElement, IComboboxProps>(
176176 'listboxAriaLabel' ,
177177 'Options'
178178 ) ;
179- const triggerProps = {
180- ...( getTriggerProps ( {
181- onFocus : ( ) => {
182- if ( ! isDisabled ) {
183- if ( isEditable ) {
184- setIsInputHidden ( false ) ;
185- }
179+ const triggerProps = getTriggerProps ( {
180+ onFocus : ( ) => {
181+ if ( ! isDisabled ) {
182+ if ( isEditable ) {
183+ setIsInputHidden ( false ) ;
184+ }
186185
187- if ( isMultiselectable ) {
188- setIsTagGroupExpanded ( true ) ;
189- }
186+ if ( isMultiselectable ) {
187+ setIsTagGroupExpanded ( true ) ;
188+ }
189+ }
190+ } ,
191+ onBlur : event => {
192+ if ( event . relatedTarget === null || ! triggerRef . current ?. contains ( event . relatedTarget ) ) {
193+ if ( isEditable ) {
194+ setIsInputHidden ( true ) ;
190195 }
191- } ,
192- onBlur : event => {
193- if ( event . relatedTarget === null || ! triggerRef . current ?. contains ( event . relatedTarget ) ) {
194- if ( isEditable ) {
195- setIsInputHidden ( true ) ;
196- }
197196
198- if ( isMultiselectable ) {
199- setIsTagGroupExpanded ( false ) ;
200- }
197+ if ( isMultiselectable ) {
198+ setIsTagGroupExpanded ( false ) ;
201199 }
202200 }
203- } ) as HTMLAttributes < HTMLDivElement > )
204- } ;
201+ }
202+ } ) as HTMLAttributes < HTMLDivElement > ;
203+
205204 const inputProps = {
206205 'aria-invalid' : validation === 'error' || validation === 'warning' ,
207206 hidden : isInputHidden ,
You can’t perform that action at this time.
0 commit comments