[Bug]: Nested dropdown menus are displayed in the wrong position

[vhugonunes44]

Blazorise Version

2.2

What Blazorise provider are you running on?

Bootstrap5

Link to minimal reproduction or a simple code snippet

https://github.com/Megabit/Blazorise/tree/master/Demos/Blazorise.Demo.Bootstrap5

Steps to reproduce & bug description

1. Create or open a menu with at least 3 levels:
   • Level 1
     • Level 2
       • Level 3
       • Level 4
2. Open the first-level menu.
3. Open the second-level submenu.
4. Open the third-level submenu.
5. Open the fourth-level submenu.
6. Observe the position of the nested dropdown.

What is expected?

Menus with up to 4 levels of submenus should be displayed correctly.

Each nested dropdown should open directly beside its parent menu item, remain properly aligned, and preserve the visual hierarchy between Level 1, Level 2, Level 3 and Level 4 items.

What is actually happening?

Nested submenus are vertically misaligned.
Each submenu opens one row above the menu item that triggered it, instead of being aligned with the parent item.

What browsers do you see the problem on?

Chrome, Microsoft Edge, Firefox

Any additional comments?

No response

[stsrki]

This offset was by design. It is not often that there is only one submenu item, so having a small offset makes sense. When there is only one item, like in your example, then yes, it isn't going to look nice.

We'll look into it.