From 2be1998fc6d1bfb90924367ff5d5f147c79ab0b0 Mon Sep 17 00:00:00 2001
From: portikM <maksym.portianoi@konghq.com>
Date: Tue, 17 Oct 2023 09:33:27 -0400
Subject: [PATCH] fix(ktooltip): make tooltip trigger focusable [KHCP-8987]

---
 src/components/KLabel/KLabel.vue     | 4 +++-
 src/components/KTooltip/KTooltip.vue | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/KLabel/KLabel.vue b/src/components/KLabel/KLabel.vue
index 4ee0b1efee..cd90e966ef 100644
--- a/src/components/KLabel/KLabel.vue
+++ b/src/components/KLabel/KLabel.vue
@@ -84,10 +84,12 @@ $kLabelSpacingX: var(--kui-space-40, $kui-space-40);
   }
 
   .label-tooltip {
+    margin-left: $kLabelSpacingX;
+
     .tooltip-trigger-icon {
+      cursor: pointer;
       /* stylelint-disable-next-line @kong/design-tokens/use-proper-token */
       height: var(--kui-icon-size-30, $kui-icon-size-30) !important;
-      margin-left: $kLabelSpacingX;
       /* stylelint-disable-next-line @kong/design-tokens/use-proper-token */
       width: var(--kui-icon-size-30, $kui-icon-size-30) !important;
     }
diff --git a/src/components/KTooltip/KTooltip.vue b/src/components/KTooltip/KTooltip.vue
index 757d1be769..c83f9596d9 100644
--- a/src/components/KTooltip/KTooltip.vue
+++ b/src/components/KTooltip/KTooltip.vue
@@ -11,7 +11,9 @@
     trigger="hover"
     width="auto"
   >
-    <slot />
+    <div tabindex="0">
+      <slot />
+    </div>
 
     <template #content>
       <div role="tooltip">