From 7c22d53a69173efe2f63805d91d0e332b20ca8d3 Mon Sep 17 00:00:00 2001
From: Philipp Rudloff <philipp.rudloff@konghq.com>
Date: Thu, 4 Apr 2024 17:45:17 +0200
Subject: [PATCH] fix(kcopy): not using actual button (#2113)

Fix KCopy not using an actual button for its click interaction.

Signed-off-by: Philipp Rudloff <philipp.rudloff@konghq.com>
---
 src/components/KCopy/KCopy.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/KCopy/KCopy.vue b/src/components/KCopy/KCopy.vue
index 00cdf2bc2e..fbf78fa961 100644
--- a/src/components/KCopy/KCopy.vue
+++ b/src/components/KCopy/KCopy.vue
@@ -35,18 +35,18 @@
         :text="tooltipText"
       >
         <KClipboardProvider v-slot="{ copyToClipboard }">
-          <CopyIcon
+          <button
             :id="copyButtonElementId"
-            class="text-icon"
             data-testid="copy-to-clipboard"
-            :hide-title="!!copyTooltip || undefined"
-            role="button"
-            :size="KUI_ICON_SIZE_30"
-            tabindex="0"
+            type="button"
             @click.stop="copyIdToClipboard(copyToClipboard)"
-            @keydown.enter="copyIdToClipboard(copyToClipboard)"
-            @keydown.space.prevent="copyIdToClipboard(copyToClipboard)"
-          />
+          >
+            <CopyIcon
+              class="text-icon"
+              :hide-title="!!copyTooltip || undefined"
+              :size="KUI_ICON_SIZE_30"
+            />
+          </button>
         </KClipboardProvider>
       </KTooltip>
     </div>