From d327666ff530a5d76294f423a859d9e27051515b Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Wed, 11 Sep 2024 14:57:41 +0800
Subject: [PATCH] fix(kcopy): truncated text should have max-width on tooltip

---
 sandbox/pages/SandboxCopy.vue  | 10 ++++++++++
 src/components/KCopy/KCopy.vue |  1 +
 2 files changed, 11 insertions(+)

diff --git a/sandbox/pages/SandboxCopy.vue b/sandbox/pages/SandboxCopy.vue
index 0ed88473e3..fd5d1f1e29 100644
--- a/sandbox/pages/SandboxCopy.vue
+++ b/sandbox/pages/SandboxCopy.vue
@@ -35,6 +35,15 @@
           :text="uuid1"
           truncate
         />
+        <KCopy
+          :text="desc1"
+          truncate
+        />
+        <KCopy
+          badge
+          :text="desc1"
+          truncate
+        />
       </SandboxSectionComponent>
       <SandboxSectionComponent title="truncationLimit">
         <KCopy
@@ -138,6 +147,7 @@ import SandboxSectionComponent from '../components/SandboxSectionComponent.vue'
 import KCopy from '@/components/KCopy/KCopy.vue'
 
 const uuid1: string = '2cf64827-6c70-4116-906b-4c9aae83fc4a'
+const desc1: string = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
 
 const kButtonKCopyElement = ref<InstanceType<typeof KCopy> | null>(null)
 
diff --git a/src/components/KCopy/KCopy.vue b/src/components/KCopy/KCopy.vue
index 22e59b6a00..aee373ea06 100644
--- a/src/components/KCopy/KCopy.vue
+++ b/src/components/KCopy/KCopy.vue
@@ -14,6 +14,7 @@
         v-if="format !== 'hidden'"
         :class="[textTooltipClasses]"
         data-testid="copy-tooltip-wrapper"
+        max-width="500px"
         placement="bottom-start"
         :text="textTooltipLabel"
       >