Skip to content

Commit 96ac5e1

Browse files
committed
fix: update aria-expanded attribute for collapsible menu groups
1 parent 363403b commit 96ac5e1

2 files changed

Lines changed: 5 additions & 1 deletion

File tree

src/view/frontend/web/js/toolbar/audits.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,10 @@ export const auditMethods = {
8787
if (!this.menu) return;
8888
const group = this.menu.querySelector(`[data-group-key="${key}"]`);
8989
if (group) {
90-
group.classList.toggle('mageforge-toolbar-menu-group--collapsed', this.collapsedGroups.has(key));
90+
const isCollapsed = this.collapsedGroups.has(key);
91+
group.classList.toggle('mageforge-toolbar-menu-group--collapsed', isCollapsed);
92+
const header = group.querySelector('.mageforge-toolbar-menu-group-header');
93+
if (header) header.setAttribute('aria-expanded', String(!isCollapsed));
9194
}
9295
},
9396

src/view/frontend/web/js/toolbar/ui.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -132,6 +132,7 @@ export const uiMethods = {
132132
const header = document.createElement('button');
133133
header.type = 'button';
134134
header.className = 'mageforge-toolbar-menu-group-header';
135+
header.setAttribute('aria-expanded', String(!this.collapsedGroups.has(key)));
135136
header.onclick = (e) => {
136137
e.preventDefault();
137138
e.stopPropagation();

0 commit comments

Comments
 (0)