From 75b4340e18232a9dad7efe1e455dfe5f45feefc3 Mon Sep 17 00:00:00 2001
From: Katrin Shibakova <katrina.gubanova@gmail.com>
Date: Thu, 18 Mar 2021 14:29:38 +0300
Subject: [PATCH] added mobile check on the focus after blur event

---
 src/generate.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/generate.tsx b/src/generate.tsx
index bb7181731..e433df72a 100644
--- a/src/generate.tsx
+++ b/src/generate.tsx
@@ -10,6 +10,7 @@
 import * as React from 'react';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import KeyCode from 'rc-util/lib/KeyCode';
+import isMobile from 'rc-util/lib/isMobile';
 import classNames from 'classnames';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import type { ScrollTo } from 'rc-virtual-list/lib/List';
@@ -368,12 +369,19 @@ export default function generateSelector<
     const mergedShowSearch =
       showSearch !== undefined ? showSearch : isMultiple || mode === 'combobox';
 
+    // ======================== Mobile ========================
+    const [mobile, setMobile] = useState(false);
+    useEffect(() => {
+      // Only update on the client side
+      setMobile(isMobile());
+    }, []);
+
     // ============================== Ref ===============================
     const selectorDomRef = useRef<HTMLDivElement>(null);
 
     React.useImperativeHandle(ref, () => ({
-      focus: selectorRef.current.focus,
-      blur: selectorRef.current.blur,
+      focus: selectorRef.current?.focus,
+      blur: selectorRef.current?.blur,
       scrollTo: listRef.current?.scrollTo as ScrollTo,
     }));
 
@@ -885,8 +893,8 @@ export default function generateSelector<
 
           cancelSetMockFocused();
 
-          if (!popupElement.contains(document.activeElement)) {
-            selectorRef.current.focus();
+          if (!mobile && !popupElement.contains(document.activeElement)) {
+            selectorRef.current?.focus();
           }
         });