MudBlazor: MudToolTip is not flex compatible

I’m trying to use MudToolTip for items in a (flex) MudGrid but the tooltip root is display: inline-block with no apparent way to change it. The width of the ChildContent of the tooltip thus becomes completely wrong.

Expected behavior I expect to be able to add a MudToolTip to components in a grid while keeping the grid behavior intact.

TryMudBlazor https://try.mudblazor.com/snippet/QucbExPFfNCGZePj

Screenshots

About this issue

Original URL
State: open
Created 3 years ago
Reactions: 2
Comments: 27 (4 by maintainers)

Commits related to this issue

Fix MudToolTip is not flex compatible, #1167 — committed to IIARROWS/MudBlazor by IIARROWS 3 years ago
Fix MudToolTip is not flex compatible, #1167 (#1440) — committed to MudBlazor/MudBlazor by IIARROWS 3 years ago

Most upvoted comments

this (or very similar) behavior is back (in 6.9.0), this time because of:

.mud-tooltip-root {
    width: fit-content; 
}

Even with Inline=false

SGStino on Sep 11, 2023

The tests are not failing, we never merge any PR that fails the test suite

henon on Nov 21, 2023

@d00lar ~~please provide evidence.~~ Oh sorry, I see your post from last month above now.

henon on Nov 20, 2023

Same problem here, want to set a tooltip on MudItem content and the display is not correct.

Expected :

Current display :

Sample code :

<MudGrid>
        <MudItem xs="6">
            <MudTooltip Text="My explanation" Color="Color.Primary" Arrow="true">
                <MudDatePicker Label="Start date" @bind-Date="@StartDate" AutoClose="true" Required="@EditMode"/>
            </MudTooltip>
        </MudItem>

        <MudItem xs="6">
            <MudDatePicker Label="End date" @bind-Date="@EndDate" AutoClose="true"/>
        </MudItem>
</MudGrid>

Version 6.0.2 of MudBlazor

did You found any solution ? it still is like this on textfield etc 😦

i created new one and linked this one: https://github.com/MudBlazor/MudBlazor/issues/7685

d00lar on Oct 25, 2023