From a7f4b4c2f17b058f3d75f4fb3d4cfcbde057cc03 Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Tue, 29 Jun 2021 07:50:17 +0300
Subject: [PATCH] Add tabIndex=-1 to all hints (#5703)

---
 packages/react-components/src/Icon.tsx      | 1 +
 packages/react-components/src/LabelHelp.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/src/Icon.tsx b/packages/react-components/src/Icon.tsx
index 8dbb71c063..47641cfbbb 100644
--- a/packages/react-components/src/Icon.tsx
+++ b/packages/react-components/src/Icon.tsx
@@ -36,6 +36,7 @@ function Icon ({ className = '', color = 'normal', icon, isPadded, isSpinning, o
       onClick={onClick}
       size={size}
       spin={isSpinning}
+      tabIndex={-1}
     />
   );
 }
diff --git a/packages/react-components/src/LabelHelp.tsx b/packages/react-components/src/LabelHelp.tsx
index 2ea8af8a36..dfa0fbb04c 100644
--- a/packages/react-components/src/LabelHelp.tsx
+++ b/packages/react-components/src/LabelHelp.tsx
@@ -21,7 +21,10 @@ function LabelHelp ({ className = '', help, icon = 'question-circle' }: Props):
   const [trigger] = useState(() => `label-help-${++id}`);
 
   return (
-    <div className={`ui--LabelHelp ${className}`}>
+    <div
+      className={`ui--LabelHelp ${className}`}
+      tabIndex={-1}
+    >
       <Icon
         icon={icon}
         tooltip={trigger}