fix(Select): keyboard behavior on mobile

gravity-ui · Jan 31, 2025 · b830b18 · b830b18
1 parent 4aec513
commit b830b18
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
@@ -164,7 +164,10 @@ export const Select = React.forwardRef<HTMLButtonElement, SelectProps>(function
 
             if (multiple) {
                 const activeItemIndex = listRef?.current?.getActiveItem();
-                filterRef.current?.focus();
+
+                if (!mobile) {
+                    filterRef.current?.focus();
+                }
 
                 if (typeof activeItemIndex === 'number') {
                     // prevent item deactivation in case of multiple selection
@@ -178,7 +181,7 @@ export const Select = React.forwardRef<HTMLButtonElement, SelectProps>(function
 
             handleSelection(option);
         },
-        [handleSelection, multiple],
+        [handleSelection, mobile, multiple],
     );
 
     const handleControlKeyDown = React.useCallback(
@@ -249,6 +252,7 @@ export const Select = React.forwardRef<HTMLButtonElement, SelectProps>(function
             },
             [handleClose, onBlur],
         ),
+        isDisabled: mobile,
     });
 
     const uniqId = useUniqId();