Presently, menus with an expanded hierarchy display as trees that inherit styling from the parent row of links. In order to speed up site development, implement dropdown menus for at least 2, if not 3, levels of hierarchy.
Regular dropdowns
A dropdown menu for frost should abide by the following specifications/requirements:
Should use vanilla JavaScript (no jQuery) and ideally no third-party dependencies
Should leverage wisdom and lessons learned from the Olivero theme project
Should allow a top-level menu link to be single-clicked on any viewport to navigate to that link, with a secondary control outside of the link to expand or collapse the child menu(s)
Must operate primarily on click/tap, with any hover actions being a progressive enhancement
Must have an appropriate accessibility tree, with valid announcements and tweaks for ease-of-use with assistive technologies
Should be styled to look pretty darn good at all viewports
Must use frost_theme CSS custom properties and utility classes where appropriate
Stripe-based mega menus
Since sites frequently use mega menus instead of straightforward dropdowns, frost should support mega menus -- or at least provide scaffolding for the userspace to support them quickly -- at install-time. The megas should abide by the following specs:
Must require "drupal/menu_item_extras": "^2.19", or its most current version
Must add a field_section Entity reference revisions field to menu items of at least the main navigation if not other menus, allowing up to 1 paragraph of type "Stripe: Atomic" (and potentially "From library" or others with strong argument in favor)
Should give due consideration to the display of the field in the theme, especially DOM order inside the menu tree (@ao5357 has some prior art for this)
Should only display on click/hover on desktop, with regular dropdowns on viewports narrower than... 900px?
Should provide screenshots or a demo of an atomic stripe mega panel containing a configured menu block at the second or deeper level in a layout with some other arbitrary, static content
Should have a few styles in line with frost's overall theming implementation, for things like drop shadows
Presently, menus with an expanded hierarchy display as trees that inherit styling from the parent row of links. In order to speed up site development, implement dropdown menus for at least 2, if not 3, levels of hierarchy.
Regular dropdowns
A dropdown menu for frost should abide by the following specifications/requirements:
Stripe-based mega menus
Since sites frequently use mega menus instead of straightforward dropdowns, frost should support mega menus -- or at least provide scaffolding for the userspace to support them quickly -- at install-time. The megas should abide by the following specs:
"drupal/menu_item_extras": "^2.19",or its most current versionfield_sectionEntity reference revisions field to menu items of at least the main navigation if not other menus, allowing up to 1 paragraph of type "Stripe: Atomic" (and potentially "From library" or others with strong argument in favor)