On touch devices, reveal the dropdown menu on tap of menu item.

Created on 27 March 2025, 14 days ago

Problem/Motivation

On touch devices it is only possible to navigate to a submenu item by enabling a setting making the caret disclose the submenu when tapped.

This is a usability issue because the caret is a small target that can be overlooked or difficult for a user to tap. The ideal user experience for dropdown menus is for the entire menu item and caret to be the target for revealing the dropdown menu.

Steps to reproduce

  1. Create a menu with at least two levels of navigation and enable the module with its default settings.
  2. Enable the Disclosure Menu with its default settings.
  3. Interact with the mobile menu.

Proposed resolution

Change the behavior of touch devices so that the entire menu item is the target area. When a user taps the target area, the dropdown menu is revealed.

Remaining tasks

  1. ❌ Submit merge request.
  2. ❌ Test the merge request.
  3. ❌ Commit the merge request to the next release.
  4. ❌ Bask in the satisfaction of an improved user experience for mobile menus. 😊

User interface changes

None.

API changes

None.

Data model changes

None.

Feature request
Status

Active

Version

2.1

Component

Code

Created by

🇺🇸United States cedewey Denver, CO

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024