Persona Menu won't overlay a header.

[StevenTCramer]

I can't get my Menu to overlay a Fluent Header.

Using a div it works as expected.

So trying to figure out what it is about a header.

This issue looks similar #1548

[StevenTCramer]

The header class sets a z-index to 10, The menu z-index is set to 9999. If I manually set the z-index to auto I can get it to work as expected.
 <FluentHeader Class="w-full" Style="z-index: auto" >@Title</FluentHeader>
 
 I don't know why I should need to do this though, if it is a bug or by design.

[dvoituron]

Could you give us more details? An example of code?

I'm using this sample and the result seems correct.

<FluentButton Id="btnOpen1" OnClick="@(() => open = !open)">
    Open menu
</FluentButton>

<FluentMenu Anchor="btnOpen1" @bind-Open="open">
    <FluentMenuItem>Menu item 1</FluentMenuItem>
    <FluentMenuItem>Menu item 2</FluentMenuItem>
</FluentMenu>

<FluentHeader>
    Header text
</FluentHeader>


@code {
    bool open = false;
}

[StevenTCramer]

I'm trying to make a reproducible demo. Seems it only breaks in my app. Will get you a version at my earliest convenience.