fix(ui): dropdown of multi-select not focusable

DevCloudFE · Oct 13, 2022 · 2c0d85b · 2c0d85b
1 parent 18f1e12
commit 2c0d85b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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>