Link the flyout heading (parent item name) to its page

Created on 29 February 2024, 4 months ago
Updated 12 March 2024, 3 months ago

Problem/Motivation

The parent menu title is listed at the top of the flyout sections of the nav. This is currently not linked to anything and there is no way to mimic the behavior in the current system.

Steps to reproduce

1. Hover/activate a top-level menu item.
2. Observe the title at the top of the flyout and that it has no link.

Proposed resolution

Link this title to its page with an icon indicator so users know it will take them to a new page.

Remaining tasks

User interface changes

API changes

Data model changes

✨ Feature request
Status

Closed: duplicate

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States KeyboardCowboy

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

Merge Requests

Comments & Activities

  • Issue created by @KeyboardCowboy
  • Assigned to thebumik
  • πŸ‡²πŸ‡©Moldova thebumik

    Hey all,
    I noticed that behavior as well, I will be taking ownership of this feature to resolve the issue at hand.

  • Merge request !195Issue #3424743: Flyout menu parent link β†’ (Open) created by thebumik
  • Pipeline finished with Success
    3 months ago
    Total: 179s
    #117668
  • Issue was unassigned.
  • Status changed to Needs work 3 months ago
  • πŸ‡²πŸ‡©Moldova thebumik

    Implemented a solution to verify the presence of a URL for the parent menu item and ensured that the link maintains consistent styling. Nevertheless, this introduced a new challenge. In cases where a parent item has both a link and toolbar-popover functionality, it's necessary to ensure that the dropdown functionality is triggered only when clicking on the arrow icon, not the entire link. Addressing this issue will necessitate additional adjustments to the JS/CSS adjustments.

  • Pipeline finished with Success
    3 months ago
    #117672
  • Status changed to Closed: duplicate 3 months ago
  • πŸ‡²πŸ‡©Moldova thebumik

    Seems like a duplicate for this issue which is postponed. https://www.drupal.org/project/navigation/issues/3402907 πŸ“Œ Parent menu items with URLs are not linked to, do we make these available? Postponed

  • πŸ‡·πŸ‡΄Romania silviu.serdaru

    This will create some accessibility issues. Let's say the arrow would be somehow separated from the link and you would TAB between left side and right side with the arrow... and pressing ENTER would open the link. The same with the mouse, pressing on the left side would open the link, pressing on the arrow would open the submenu.

    On the collapsed sidebar there is no arrow. So, if you would TAB on the top element and press ENTER (to open the submenu), that would follow the link and you wouldn't be able to navigate around there.

  • Pipeline finished with Success
    about 2 months ago
    #159642
  • Pipeline finished with Success
    about 2 months ago
    #159661
  • Pipeline finished with Success
    about 2 months ago
    #159677
  • Pipeline finished with Success
    about 2 months ago
    Total: 2318s
    #159737
  • Pipeline finished with Success
    about 2 months ago
    Total: 59s
    #160683
Production build 0.69.0 2024