Details
-
Improvement
-
Resolution: Unresolved
-
Major
-
18.1.0
-
None
-
Unknown
-
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. |
Attachments
Issue Links
- blocks
-
XWIKI-23829 Implement a minimal design system for XWiki
-
- Open
-
-
CRISTAL-807 Distinguish between dropdown and menu in the Design System implementations
-
- Open
-