[PR feedback] aria-expanded

elastic · Feb 7, 2024 · 9c2a84d · 9c2a84d
1 parent 1845fbf
commit 9c2a84d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/changelogs/upcoming/7513.md b/changelogs/upcoming/7513.md
@@ -1,3 +1,7 @@
+**Bug fixes**
+
+- Fixed an `EuiTreeView` bug where `aria-expanded` was being applied to items without expandable children
+
 **CSS-in-JS conversions**
 
 - Converted `EuiTreeView` to Emotion. Updates as part of the conversion:

diff --git a/src/components/tree_view/tree_view.tsx b/src/components/tree_view/tree_view.tsx
@@ -309,7 +309,9 @@ export class EuiTreeViewClass extends Component<
           {items.map((node, index) => {
             const buttonId = node.id;
             const wrappingId = this.treeIdGenerator(buttonId);
-            const isNodeExpanded = this.isNodeOpen(node);
+            const isNodeExpanded = node.children
+              ? this.isNodeOpen(node)
+              : undefined; // Determines the `aria-expanded` attribute
 
             let icon = node.icon;
             if (node.iconWhenExpanded && isNodeExpanded) {