最新消息:Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)

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

matteradmin4PV0评论

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...

Share Improve this question asked Nov 16, 2024 at 17:21 Drunken Code MonkeyDrunken Code Monkey 1,8361 gold badge16 silver badges20 bronze badges
Add a comment  | 

1 Answer 1

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.

Post a comment

comment list (0)

  1. No comments so far