fix(tags): show edit button on focus (#76)

carbon-design-system · Mar 27, 2019 · c1506e9 · c1506e9
1 parent 3c96df0
commit c1506e9
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/src/components/TagList/TagList.js b/src/components/TagList/TagList.js
@@ -102,24 +102,26 @@ export default class TagList extends Component {
       );
       const tooltipOverflowCount = tags.length - totalTagsDisplayed;
       overflowCountNode = (
-        <Tooltip
-          className="bx--cell--tooltip"
-          showIcon={false}
-          triggerText={overflowCountNode}
-          tabIndex={0}>
-          {overflowTagsNode}
-          {tooltipOverflowCount === 0 ? (
-            undefined
-          ) : (
-            <div
-              className={tooltipTagClassName}
-              title={`${tooltipOverflowCount} more ${
-                tooltipOverflowCount === 1 ? 'tag' : 'tags'
-              }`}>
-              {`(+${tooltipOverflowCount})`}
-            </div>
-          )}
-        </Tooltip>
+        <div className="bx--tag-list--tag-counter-tooltip" tabIndex="0">
+          <Tooltip
+            className="bx--cell--tooltip"
+            tabIndex={-1}
+            showIcon={false}
+            triggerText={overflowCountNode}>
+            {overflowTagsNode}
+            {tooltipOverflowCount === 0 ? (
+              undefined
+            ) : (
+              <div
+                className={tooltipTagClassName}
+                title={`${tooltipOverflowCount} more ${
+                  tooltipOverflowCount === 1 ? 'tag' : 'tags'
+                }`}>
+                {`(+${tooltipOverflowCount})`}
+              </div>
+            )}
+          </Tooltip>
+        </div>
       );
     }