mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-19 03:49:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(checkbox): set title attribute if label is truncated

Browse source
This commit is contained in:
Eric Liu 2022-05-28 10:02:53 -07:00
commit 028054eaff
1 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/Checkbox/Checkbox.svelte
View file

@ -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}"
>