Activities of "liangshiwei"

Hi,

Could you share the full logs?

Hi,

You can try this:

[Inject]
protected IJSRuntime JsRuntime {get;set;} = default!;


protected override async Task OnAfterRenderAsync(bool firstRender)
{
    if(firstRender)
    {
        await JsRuntime.InvokeVoidAsync("eval", "document.getElementsByClassName('lpx-header-bottom')[0].hidden = true");
    }
    await base.OnAfterRenderAsync(firstRender);
}

protected override void Dispose(bool disposing)
{
    JsRuntime.InvokeVoidAsync("eval", "document.getElementsByClassName('lpx-header-bottom')[0].hidden = false");
    base.Dispose(disposing);
}
    

: )

Ok, I can reproduce the problem.

You can try :

blazor-global-styles.css

@media screen and (max-width: 991px) {
    .lpx-header-top .lpx-menu-item-link .lpx-menu-item-text {
        display: block !important;
    }
}

ABP version is: 7.4.3 Leptonx Theme version is: 2.4.5

Hi,

Update: There is a bug about Angular waiting to be fixed, When it is fixed, you should be able to run your application. I will inform you.

Hi

Sorry for late

Create new solution using ABP Suite

Do you mean the MS solution?

As can be seen in your recording in the previous post today, the page doesn't have all of its .css as it starts rendering and the user sees the page with no .css styling, and then it snaps into life as the browser applies the .css it receives some seconds later. Perhaps there is some blocking / race condition in the browser as these .css files arrive late? Of course, we don't know what the original design decisions were around the file leptonx-blazor-compatibility.js and what compatibility issue it was meant to resolve, but the name suggests there was some incompatibility issue in Blazor that may have gone away now, especially as Blazor Server and Blazor WASM have merged into one unified Blazor in .Net 8 if what I understand is correct.

Hi, The main reason we do this is because of theme styles (dark, light), When you switch, the style will be dynamically loaded by leptonx-blazor-compatibility.js

It seems the menu is not able to close automatically.

Yes, The menu will not close automatically. you have to close the menu manually after clicking the menu item.

Hi,

I can't reproduce this problem