Blazor menu displays outside of screen when dropdown #21

New Issue

claunia · 2026-01-29T17:30:16Z

claunia commented

2026-01-29 17:30:16 +00:00

Originally created by @robertical on GitHub (Feb 2, 2021).

When you use the RadzenMenu control, if you align it to the right, when it opens, it shows the menu items outside of the screen.
It would be good if it checked if the menu doesn't fit or it is outside of the screen and open aligned to the other side.

Also it would be good to have a property to choose if we want to open upwards instead of down.

Originally created by @robertical on GitHub (Feb 2, 2021). When you use the RadzenMenu control, if you align it to the right, when it opens, it shows the menu items outside of the screen. It would be good if it checked if the menu doesn't fit or it is outside of the screen and open aligned to the other side. Also it would be good to have a property to choose if we want to open upwards instead of down. ![image](https://user-images.githubusercontent.com/1840489/106672690-8f005c80-6604-11eb-89e7-7760a0e48129.png)

claunia commented

2026-01-29 17:30:17 +00:00

@Owenll66 commented on GitHub (May 11, 2025):

While still waiting for the official support, as a temporary solution
having the code below in your .razor.css would work

::deep .rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
    inset-inline-end: 0;
}

@Owenll66 commented on GitHub (May 11, 2025): While still waiting for the official support, as a temporary solution having the code below in your <component-name>.razor.css would work ``` ::deep .rz-menu:not(.rz-profile-menu) .rz-navigation-menu { inset-inline-end: 0; } ```

claunia referenced this issue

2026-01-29 18:16:38 +00:00

[PR #21] [MERGED] Editor #1989

claunia referenced this issue

2026-01-29 18:16:38 +00:00

[PR #21] Editor #1992

Sign in to join this conversation.