fix(Select): close popup when click on select button (Safari) (#1828)

gravity-ui · Aug 30, 2024 · 3f5adc5 · 3f5adc5
1 parent b6c84ad
commit 3f5adc5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
@@ -318,6 +318,7 @@ export const Select = React.forwardRef<HTMLButtonElement, SelectProps>(function
             className={selectBlock(mods, className)}
             {...focusWithinProps}
             style={inlineStyles}
+            tabIndex={-1}
         >
             <SelectControl
                 toggleOpen={toggleOpen}

diff --git a/src/components/Select/components/SelectControl/SelectControl.tsx b/src/components/Select/components/SelectControl/SelectControl.tsx
@@ -190,6 +190,7 @@ export const SelectControl = React.forwardRef<HTMLButtonElement, ControlProps>((
                     type="button"
                     data-qa={qa}
                     title={title}
+                    tabIndex={0}
                 >
                     {label && <span className={selectControlBlock('label')}>{label}</span>}
                     {showPlaceholder && (