Blazor 8 MudBlazor Tooltip Y position incorrect after scrolling the page - Stack Overflow

I have an issue with the following MudTooltip:

<MudTooltip Text="@Loc["HistoryTooltip"]" Delay="1000" Placement="Placement.Top">
    <MudIconButton Size="@Size.Small" Icon="@Icons.Material.Filled.History" Color="Color.Default" />
</MudTooltip>

The tooltip shows, but if I scroll the page it shows only at the original position, not at the new position after scrolling... This is in InteractiveServer mode.

Am I doing something wrong, or missing something? I cannot be the only one who ever encountered this issue...

I have an issue with the following MudTooltip:

<MudTooltip Text="@Loc["HistoryTooltip"]" Delay="1000" Placement="Placement.Top">
    <MudIconButton Size="@Size.Small" Icon="@Icons.Material.Filled.History" Color="Color.Default" />
</MudTooltip>

The tooltip shows, but if I scroll the page it shows only at the original position, not at the new position after scrolling... This is in InteractiveServer mode.

Am I doing something wrong, or missing something? I cannot be the only one who ever encountered this issue...

• blazor
• blazor-server-side
• mudblazor

Share Improve this question Follow asked Nov 16, 2024 at 17:21 Drunken Code MonkeyDrunken Code Monkey 1,83611 gold badge1616 silver badges2020 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

I managed to get it working by applying the following CSS:

.mud-popover-cascading-value {
    position: fixed;
}

The tooltip now follows the scrolling or page resize properly.