Problem/Motivation

Currently the entire menu displays as a fully expanded list. Instead, menu items with children should display as collapsed as default and then can be expanded with user interaction.

Proposed resolution

* Start by having the menu section expand/collapse on click since this would cover both mobile and desktop.
* Could add hover interaction for desktop if desired (or could create a follow up issue)
* Ensure that this interaction is accessible and can function using a keyboard or screen reader.

Issue fork gdwc-3206410

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

brianperry created an issue. See original summary.

knowak’s picture

Assigned: Unassigned » knowak
knowak’s picture

Not sure if I've done this right but I've push the first part of this issue, 'menu section expand/collapse on click'

knowak’s picture

Status: Active » Needs work

  • brianperry committed 54d91cb on 1.0.x
    Issue #3206410 by brianperry, knowak: Expand and Collapse Menu Items...

brianperry’s picture

Assigned: knowak » Unassigned
Status: Needs work » Fixed

This looks great! As we continue to work on the styling here this might have to change a bit, but I think it will be really useful to merge what we have now.

Thanks @knowak!

brianperry’s picture

Status: Fixed » Closed (fixed)