fix: try fix close

gravity-ui · Feb 15, 2024 · e000e8e · e000e8e
1 parent 5d36449
commit e000e8e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/FeedHeader/components/Controls/customRenders.tsx b/src/components/FeedHeader/components/Controls/customRenders.tsx
@@ -40,7 +40,7 @@ export const renderSwitcher: RenderSwitcherType =
         />
     );
 
-export const renderFilter: SelectProps['renderFilter'] = ({value, onChange, onKeyDown, ref}) => (
+export const renderFilter: SelectProps['renderFilter'] = ({value, onChange, onKeyDown}) => (
     <TextInput
         controlProps={{size: 1}}
         value={value}
@@ -49,7 +49,6 @@ export const renderFilter: SelectProps['renderFilter'] = ({value, onChange, onKe
         onUpdate={onChange}
         onKeyDown={onKeyDown}
         className={b('popup-filter')}
-        ref={ref}
     />
 );
 

diff --git a/src/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.tsx b/src/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.tsx
@@ -1,4 +1,4 @@
-import React, {LegacyRef, useMemo} from 'react';
+import React, {LegacyRef, MouseEvent, useMemo} from 'react';
 
 import {Icon, SelectProps} from '@gravity-ui/uikit';
 
@@ -42,14 +42,19 @@ export const CustomSwitcher = ({
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
 
+    const handleClick = (e: MouseEvent<HTMLDivElement>) => {
+        e.currentTarget.focus();
+        onClick?.();
+    };
+
     return (
         <button
             className={b('custom-switcher')}
             ref={controlRef as LegacyRef<HTMLButtonElement>}
             onKeyDown={onKeyDown}
             aria-expanded={open}
         >
-            <div onClick={onClick} className={b('custom-switcher-element', {overlay: true})} />
+            <div onClick={handleClick} className={b('custom-switcher-element', {overlay: true})} />
             <div className={b('custom-switcher-element', {content: true})}>
                 {itemsNames?.join(', ')}
             </div>