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

[NatalliaAlieva]

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