Merge pull request #18354 from Daraphista/next

UI: Fix sidebar a11y by moving aria-expanded attribute to button
storybookjs · Jun 28, 2022 · 8519d51 · 8519d51
2 parents 86c5f5d + 0e2988c
commit 8519d51
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/lib/ui/src/components/sidebar/Tree.tsx b/lib/ui/src/components/sidebar/Tree.tsx
@@ -190,7 +190,6 @@ const Node = React.memo<NodeProps>(
           data-ref-id={refId}
           data-item-id={item.id}
           data-nodetype="root"
-          aria-expanded={isExpanded}
         >
           <CollapseButton
             type="button"
@@ -199,6 +198,7 @@ const Node = React.memo<NodeProps>(
               event.preventDefault();
               setExpanded({ ids: [item.id], value: !isExpanded });
             }}
+            aria-expanded={isExpanded}
           >
             <CollapseIcon isExpanded={isExpanded} />
             {item.renderLabel?.(item) || item.name}