PageHeader rendering problem #4551

cala created 2 years ago

we notice that in LeptonX the PageHeader is not always visible. sometimes it works after you trigger a manual render but not reliable so this workaround works for some pages but not all

protected override async Task OnAfterRenderAsync( bool firstRender )
{
	await base.OnAfterRenderAsync( firstRender );

	if( firstRender )
	{
		await InvokeAsync( StateHasChanged );
	}
}

it feels like something overrides the PageHeader as you can step through the initial rendering problem without problem ( and all parameter are correct ) but the result is not visible. test code:

<PageHeader BreadcrumbItems="@( new List<BreadcrumbItem> { new( "test" )  } )" />

<div>
	<div class="row entry-row">
		<div class="col-auto">
			<h1 class="content-header-title">Welcome!</h1>
		</div>
	</div>
</div>

result with and without workaround

but it works on some pages ( like the autogenerated dashboard ) after applying workaround:

ABP Framework version: v6.0.2 ( leptonX 1.0.4 )
UI type: Blazor (Server)
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): no

1 Answer(s)