From 028054eaff22844f9e4af14be245928503ec386d Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 28 May 2022 10:02:53 -0700
Subject: [PATCH] feat(checkbox): set title attribute if label is truncated

---
 src/Checkbox/Checkbox.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/Checkbox/Checkbox.svelte b/src/Checkbox/Checkbox.svelte
index 5f6c74c7..41334148 100644
--- a/src/Checkbox/Checkbox.svelte
+++ b/src/Checkbox/Checkbox.svelte
@@ -62,6 +62,11 @@
   $: useGroup = Array.isArray(group);
   $: checked = useGroup ? group.includes(value) : checked;
   $: dispatch("check", checked);
+
+  let refLabel = null;
+
+  $: isTruncated = refLabel?.offsetWidth < refLabel?.scrollWidth;
+  $: title = isTruncated ? refLabel?.innerText : title;
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
@@ -109,6 +114,7 @@
     />
     <label for="{id}" title="{title}" class:bx--checkbox-label="{true}">
       <span
+        bind:this="{refLabel}"
         class:bx--checkbox-label-text="{true}"
         class:bx--visually-hidden="{hideLabel}"
       >