This issue has been created
 
 
XWiki Platform / cid:jira-generated-image-avatar-3dd134ca-22cf-4aee-be01-656b033f1f43 XWIKI-24100 Open

Distinguish between dropdown and menu in the Design System API

 
View issue   ยท   Add comment
 

Issue created

 
cid:jira-generated-image-avatar-01da85d2-2e9e-49d3-921c-6a9cc46a4ba8 Manuel Leduc created this issue on 10/Mar/26 09:18
 
Summary: Distinguish between dropdown and menu in the Design System API
Issue Type: cid:jira-generated-image-avatar-3dd134ca-22cf-4aee-be01-656b033f1f43 Improvement
Affects Versions: 18.1.0
Assignee: Unassigned
Components: Node - Design System - API
Created: 10/Mar/26 09:17
Priority: cid:jira-generated-image-static-major-51b4b136-6881-41a8-a7c0-ce01b56b1b1a Major
Reporter: Manuel Leduc
Description:

Following https://forum.xwiki.org/t/abstract-design-system-menu-element-accessibility-breaking-change/18275 we reached the conclusion that it is useful to distinguish between the notion of menu (i.e., structured list of items and possibly sub-items) and the notion of dropdown (i.e., an interactive element toggling another UI element, typically a menu).

In term of mapping to Design System (DS) implementations:

API Vuetify Shoelace Flamingo/Bootstrap 3.4
Dropdown Menus https://vuetifyjs.com/en/components/menus/#location Dropdown https://shoelace.style/components/dropdown/ Dropdowns https://getbootstrap.com/docs/3.4/components/#dropdowns
Menu Lists https://vuetifyjs.com/en/components/lists/#card-list Menu https://shoelace.style/components/menu/ Part of dropdowns, possibly making menus unusable outside a dropdown component.