Expanding popover accordions prevent other popovers from appearing

Created on 28 March 2024, 3 months ago
Updated 17 April 2024, 2 months ago

Problem/Motivation

When you click to expand an accordion inside a popover, that popover will stay visible until another element is clicked. If the user hovers over another menu item, that item's popover will appear behind the currently expanded popover, unless it's after in the source order. In that case, the original popover will reappear when the new one is hovered out of, until a click is made.

Steps to reproduce

On large screens...

  1. Expand the navigation
  2. Hover over a menu item
  3. Click an accordion inside the resulting popover
  4. Hover over a menu item above the currently active one. Notice that the resulting popover is hidden behind the clicked one, and it's still active.
  5. Hover over a menu item below the currently active one, then hover out. Notice the original popover still appears.

See attached video.

🐛 Bug report
Status

Fixed

Version

1.0

Component

Code

Created by

🇺🇸United States bronzehedwick

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

Merge Requests

Comments & Activities

Production build 0.69.0 2024