Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-24100

Distinguish between dropdown and menu in the Design System API

    XMLWordPrintable

Details

    • 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

          Activity

            People

              mleduc Manuel Leduc
              mleduc Manuel Leduc
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

                Created:
                Updated: