Hi, during this weekend i managed to isolate the problematic code and create a workaround. The issue is in App.razor file in the Blazor project. The App.razor is generated automatically by the Blazor WebApp template from ABP studio. This line:
<AbpStyles BundleName="@BlazorLeptonXThemeBundles.Styles.Global" WebAssemblyStyleFiles="GlobalStyles" @rendermode="InteractiveAuto" />
Causes the app to reload styles upon the WebAssembly module load. This causes the styling of the app to go all over the place, the icons disappear, etc. Removing the 'WebAssemblyStyleFiles' option and manually including the style css files actually fixes the issue:
<AbpStyles BundleName="@BlazorLeptonXThemeBundles.Styles.Global" @rendermode="InteractiveAuto" />
<!-- Manual CSS links -->
<link href="global.css" rel="stylesheet" />
<link href="main.css" rel="stylesheet" />
<link href="blazor-global-styles.css" rel="stylesheet" />
I don't know, however, why this happens. Is it a bug in ABP, or something about my configuration? Either way, is anyone encounters a similar problems, this seems to work for now.
I'm not sure that this is the case. Even in the thread you mentioned, https://abp.io/support/questions/8767/Lagging-and-loading-time-of-Blazor-Web-App-Template-Application, it can be seen that this stuff does not happen. The lag in loading, yes, but not the other issues.,
I appreciate your reluctance to jump into such a vague problem, but this is a critical issue for us. I would very much like to use my support token on this problem. I can provide the project, the har file from the network inspector, etc.
Regarding the loading time, it is probably exactly as you say. However, waht about the icons suddenly vanishing from all menus, and the body of the page suddenly expanding vertically?
