8000 [DropdownMenu]: submenu overlaps previous menu level when dropdown is positioned near the bottom of the page · Issue #2752 · epam/UUI · GitHub
[go: up one dir, main page]
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[DropdownMenu]: submenu overlaps previous menu level when dropdown is positioned near the bottom of the page #2752

Open
NatalliaAlieva opened this issue Feb 5, 2025 · 0 comments
Open

[DropdownMenu]: submenu overlaps previous menu level when dropdown is positioned near the bottom of the page #2752

NatalliaAlieva opened this issue Feb 5, 2025 · 0 comments
Labels
bug Something isn't working Dropdown Menu Label for Dropdown Menu component

Comments

@NatalliaAlieva
Copy link
Collaborator

Description

When the component is placed near the bottom of the page, the first-level and second-level submenu open to the side as expected. However, if a third-level submenu is triggered from a low position, it overlaps the second submenu by opening upwards instead of staying aligned to the side.

Steps to Reproduce

  1. Open DropdownMenu component.
  2. Ensure the component is positioned near the bottom of the page.
  3. Open the first-level submenu by clicking on a menu item ('Alex Smith').
  4. Navigate to a menu item that triggers a second-level submenu.
  5. Navigate further to a menu item that triggers a third-level submenu.
  6. Observe the positioning of the third-level submenu.

Actual result

The third-level submenu opens upwards, overlapping the second-level submenu.

Screen.Recording.2025-02-05.at.15.36.12.mov

Expected result

The third-level submenu should maintain side alignment without overlapping the second-level submenu.

Environment

  • UUI version: 5.13.0
  • Browser name: any
  • Operating System: any
@NatalliaAlieva NatalliaAlieva added the bug Something isn't working label Feb 5, 2025
@NatalliaAlieva NatalliaAlieva added the Dropdown Menu Label for Dropdown Menu component label Feb 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working Dropdown Menu Label for Dropdown Menu component
Projects
UUI Project Board
Status: Backlog
Milestone
No milestone
Development

No branches or pull requests
1 participant
@NatalliaAlieva
0