From 2c0d85b73c5df318b64166dab9d7c057fd3a3466 Mon Sep 17 00:00:00 2001
From: xiejay97 <xiejay97@gmail.com>
Date: Thu, 13 Oct 2022 19:40:44 +0800
Subject: [PATCH] fix(ui): dropdown of multi-select not focusable

---
 packages/ui/src/components/cascader/Cascader.tsx      | 2 +-
 packages/ui/src/components/select/Select.tsx          | 2 +-
 packages/ui/src/components/tree-select/TreeSelect.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/cascader/Cascader.tsx b/packages/ui/src/components/cascader/Cascader.tsx
index 49850fb3..fd7d48a4 100644
--- a/packages/ui/src/components/cascader/Cascader.tsx
+++ b/packages/ui/src/components/cascader/Cascader.tsx
@@ -330,7 +330,7 @@ function Cascader<V extends DId, T extends DCascaderItem<V>>(
             changeSelect(Array.from(checkeds.keys()));
           }}
         >
-          <DTag className={`${dPrefix}cascader__multiple-count`} dSize={size}>
+          <DTag className={`${dPrefix}cascader__multiple-count`} tabIndex={-1} dSize={size}>
             {(select as Set<V>).size}
           </DTag>
         </DDropdown>
diff --git a/packages/ui/src/components/select/Select.tsx b/packages/ui/src/components/select/Select.tsx
index c4815910..96315978 100644
--- a/packages/ui/src/components/select/Select.tsx
+++ b/packages/ui/src/components/select/Select.tsx
@@ -354,7 +354,7 @@ function Select<V extends DId, T extends DSelectItem<V>>(
             changeSelectByClick(id);
           }}
         >
-          <DTag className={`${dPrefix}select__multiple-count`} dSize={size}>
+          <DTag className={`${dPrefix}select__multiple-count`} tabIndex={-1} dSize={size}>
             {(select as Set<V>).size}
           </DTag>
         </DDropdown>
diff --git a/packages/ui/src/components/tree-select/TreeSelect.tsx b/packages/ui/src/components/tree-select/TreeSelect.tsx
index c5b05894..9a9fc21e 100644
--- a/packages/ui/src/components/tree-select/TreeSelect.tsx
+++ b/packages/ui/src/components/tree-select/TreeSelect.tsx
@@ -361,7 +361,7 @@ function TreeSelect<V extends DId, T extends DTreeItem<V>>(
             changeSelect(Array.from(checkeds.keys()));
           }}
         >
-          <DTag className={`${dPrefix}tree-select__multiple-count`} dSize={size}>
+          <DTag className={`${dPrefix}tree-select__multiple-count`} tabIndex={-1} dSize={size}>
             {(select as Set<V>).size}
           </DTag>
         </DDropdown>