From c1506e9e8ba0b63e762ac420e3cc0f202c32cb37 Mon Sep 17 00:00:00 2001
From: Zeus Courtois <zeusorion@yahoo.com>
Date: Tue, 26 Mar 2019 21:05:26 -0500
Subject: [PATCH] fix(tags): show edit button on focus (#76)

---
 src/components/TagList/TagList.js | 38 ++++++++++++++++---------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/components/TagList/TagList.js b/src/components/TagList/TagList.js
index 79a49e8..d21188b 100644
--- 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>
       );
     }