I also had the same problem just with the control on other pages where I use Dialog Service. When DialogForm is invoked and it have - after mouse move on it - the whole screen is shaded

@versile2

Weird that it seems to work on https://try.arctechonline.tech which uses ~MudBlazor v8.0.0-preview.7 but in rc there is this change #10554

I'm going to update try.arc real quick. Ok so not quick at all apparently everything needs to be updated. I have a test for this specific problem too but I'll figure it out today.

@ScarletKuro I updated https://try.arctechonline.tech to the latest dev and this does not reproduce.

Some reason that PR wasn't included in RC1?

maybe I can create video with this effect? or any other information?

just go to the try.arctechonline.tech and confirm it's fixed there if you can.

yes, on try.arctechonline.tech it works ok

Can you try incognito mode on your app and confirm the problem still exist? Could be a JS cache issue?

I tried in incognito, also press Ctrl+F5.

create test page on our prod site, you can try
https://asu.pdau.edu.ua/admin/test

Just to confirm the behavior displayed via your web page is not the current state of dev. Are you 100% sure you are using RC 1 and not the last preview? I can tell the difference because a mud-oiverlay inside a dialog should have style="" not a style with a zindex

This seems to be a server side, so can't check myself what version it's using.

But from JS file I can tell it's not RC1, as it's missing the updatePopoverOverlay method, and not like that version would be deployed correctly as it was missing CSS style in nuget, so gotta use the RC2 now.

I noticed the same issue. When hovering over the buttons, the same thing happens. I try with latest RC2 version.

I noticed the same issue. When hovering over the buttons, the same thing happens. I try with latest RC2 version.

Let us know after you download RC2. I suggest making sure it's refreshed css/js by using Shift-F5 and/or Ctrl-Shift-R after it loads. Also if it is still happening give us an updated try.mudblazor.com (Even if it works there)

I noticed the same issue. When hovering over the buttons, the same thing happens. I try with latest RC2 version.

Let us know after you download RC2. I suggest making sure it's refreshed css/js by using Shift-F5 and/or Ctrl-Shift-R after it loads. Also if it is still happening give us an updated try.mudblazor.com (Even if it works there)

I downgraded to version 8.0.0-preview.7, and it worked fine. However, after updating again to the latest RC2 version, the issue reappeared. I try with incognito in Chrome and Edge browsers.

I noticed the same issue. When hovering over the buttons, the same thing happens. I try with latest RC2 version.

Let us know after you download RC2. I suggest making sure it's refreshed css/js by using Shift-F5 and/or Ctrl-Shift-R after it loads. Also if it is still happening give us an updated try.mudblazor.com (Even if it works there)

I downgraded to version 8.0.0-preview.7, and it worked fine. However, after updating again to the latest RC2 version, the issue reappeared. I try with incognito in Chrome and Edge browsers.

Can you give me a https://try.mudblazor.com snippet I can look at?

I believe the issue is related to the use of MudTooltip. When I commented it out on the first button, everything worked fine. However, the issue persists with the second button where MudTooltip is still applied.

 <MudItem xs="4">
@*      <MudTooltip Duration="1000" Text="@L["Switch to system"]"> *@
         <MudButton Class="mode-button"
                    FullWidth="true"
                    OnClick="@(() => ToggleDarkLightMode(DarkLightMode.System))"
                    Style="background: white;">
             <ChildContent>
                 <MudIcon Color="Color.Primary"
                          Icon="@Icons.Material.Filled.AutoMode" />
             </ChildContent>
         </MudButton>
  @*    </MudTooltip> *@
 </MudItem>
 <MudItem xs="4">
     <MudTooltip Duration="1000" Text="@L["Switch to Light Theme"]">
         <MudButton Class="mode-button"
                    FullWidth="true"
                    OnClick="@(() => ToggleDarkLightMode(DarkLightMode.Light))"
                    Style="background: white;">
             <ChildContent>
                 <MudIcon Color="Color.Primary"
                          Icon="@Icons.Material.Filled.WbSunny" />
             </ChildContent>
         </MudButton>
     </MudTooltip>
 </MudItem>

I believe the issue is related to the use of MudTooltip. When I commented it out on the first button, everything worked fine. However, the issue persists with the second button where MudTooltip is still applied.

 <MudItem xs="4">
@*      <MudTooltip Duration="1000" Text="@L["Switch to system"]"> *@
         <MudButton Class="mode-button"
                    FullWidth="true"
                    OnClick="@(() => ToggleDarkLightMode(DarkLightMode.System))"
                    Style="background: white;">
             <ChildContent>
                 <MudIcon Color="Color.Primary"
                          Icon="@Icons.Material.Filled.AutoMode" />
             </ChildContent>
         </MudButton>
  @*    </MudTooltip> *@
 </MudItem>
 <MudItem xs="4">
     <MudTooltip Duration="1000" Text="@L["Switch to Light Theme"]">
         <MudButton Class="mode-button"
                    FullWidth="true"
                    OnClick="@(() => ToggleDarkLightMode(DarkLightMode.Light))"
                    Style="background: white;">
             <ChildContent>
                 <MudIcon Color="Color.Primary"
                          Icon="@Icons.Material.Filled.WbSunny" />
             </ChildContent>
         </MudButton>
     </MudTooltip>
 </MudItem>

I'm sure it is, is there any way you can create a snippet I can use?

Go here

https://try.arctechonline.tech

Put the code in, minimum amount to recreate

Save Snippet, paste the URL presented

I believe the issue is related to the use of MudTooltip. When I commented it out on the first button, everything worked fine. However, the issue persists with the second button where MudTooltip is still applied.

 <MudItem xs="4">
@*      <MudTooltip Duration="1000" Text="@L["Switch to system"]"> *@
         <MudButton Class="mode-button"
                    FullWidth="true"
                    OnClick="@(() => ToggleDarkLightMode(DarkLightMode.System))"
                    Style="background: white;">
             <ChildContent>
                 <MudIcon Color="Color.Primary"
                          Icon="@Icons.Material.Filled.AutoMode" />
             </ChildContent>
         </MudButton>
  @*    </MudTooltip> *@
 </MudItem>
 <MudItem xs="4">
     <MudTooltip Duration="1000" Text="@L["Switch to Light Theme"]">
         <MudButton Class="mode-button"
                    FullWidth="true"
                    OnClick="@(() => ToggleDarkLightMode(DarkLightMode.Light))"
                    Style="background: white;">
             <ChildContent>
                 <MudIcon Color="Color.Primary"
                          Icon="@Icons.Material.Filled.WbSunny" />
             </ChildContent>
         </MudButton>
     </MudTooltip>
 </MudItem>

I'm sure it is, is there any way you can create a snippet I can use?

Go here

https://try.arctechonline.tech

Put the code in, minimum amount to recreate

Save Snippet, paste the URL presented

Use this template https://github.com/neozhu/CleanArchitectureWithBlazorServer. It is updated to RC2.

I really do want to get it fixed and I have some general idea but downloading running and navigating through a 350mb repo isn't very beneficial to my time. If you can create a snippet I'll get on it asap.

I will attempt to explain and guide you through the main sections, which might make things clearer and more helpful

• AppLayout
  https://github.com/neozhu/CleanArchitectureWithBlazorServer/blob/main/src/Server.UI/Components/Shared/Layout/AppLayout.razor
• Issues appears when this Drawer(ThemesMenu) is opened from AppLayout component. https://github.com/neozhu/CleanArchitectureWithBlazorServer/blob/main/src/Server.UI/Components/Shared/Themes/ThemesMenu.razor
  You can view the template in action:
  https://architecture.blazorserver.com/