mi6 / mi6/ic-ui-kit

[ic-top-navigation] - Expanding a navigation group closes another navigation group

Open
#2,696 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary of the bug
When the menu is open in mobile mode and one navigation group is expanded, expanding another navigation group by clicking closes the previously expanded navigation group. It also takes more than one click to expand the second group. When navigation via the keyboard (using tab and enter), this is not an issue and multiple navigation groups can be expanded at one time.

## 🪜 How to reproduce
1. View a top navigation containing at least two navigation groups with navigation items in mobile mode
2. Using a mouse, expand one navigation group
3. Using a mouse, expand a second navigation group

## 📸 Screenshots or code
https://github.com/user-attachments/assets/487832d3-00d7-4ce1-ae52-24ab2ae1c4a0

## 🧐 Expected behaviour
The expanded navigation groups should stay expanded when another group is opened.

## Additional info
This is not an issue within a comparable side navigation menu open in mobile mode.

Contributor guide

Open the contributing guide

Research direction

Start at the ic-top-navigation component and reproduce the mobile mouse interaction with two navigation groups. The fix is complete when opening a second group leaves the first expanded and does not require an extra click, while the existing keyboard behavior remains unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.