diff --git a/src/lib/checkbox-tree/checkbox-tree.css b/src/lib/checkbox-tree/checkbox-tree.css index 08a5842..4e5bf8f 100644 --- a/src/lib/checkbox-tree/checkbox-tree.css +++ b/src/lib/checkbox-tree/checkbox-tree.css @@ -36,6 +36,10 @@ font: inherit; } +.checkbox-tree__toggle[aria-expanded="true"] { + transform: rotate(90deg); +} + .checkbox-tree__toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; diff --git a/src/lib/checkbox-tree/checkbox-tree.js b/src/lib/checkbox-tree/checkbox-tree.js index 837f210..c470d48 100644 --- a/src/lib/checkbox-tree/checkbox-tree.js +++ b/src/lib/checkbox-tree/checkbox-tree.js @@ -201,7 +201,6 @@ export class CheckboxTree { toggle.setAttribute('aria-expanded', String(expanded)); const label = this.nodesById.get(item.dataset.nodeId)?.label ?? 'branch'; toggle.setAttribute('aria-label', `${expanded ? 'Collapse' : 'Expand'} ${label}`); - toggle.textContent = expanded ? '▼' : '▶'; } directChildrenContainer(item) {