dotnet / dotnet/aspnetcore

Blazor HeadOutlet rendering creates blank intermediate states

Open
#66,475 4 comments 3 reactions 0 assignees View on GitHub
area-blazor bug Needs: Attention :wave:
Dominant language
C#
Stars
38.4k
Forks
10.9k
Avg merge
2d 6h
Merged PRs (30d)
290

Description

### Is there an existing issue for this?

- [x] I have searched the existing issues

### Describe the bug

I use `` to insert `` tags into the head to include dynamic stylesheets
when i go from one HeadContent containing
` `
to another HeadContent containing
` `
there is an intermediate state being rendered by the browser where the headcontent is empty (or rather, maybe, during the replacement of the `` tag in the header)

here's a video of how this looks. the red flashes at like second 4 are static fallbacks to a backgroundcolor - and they are the problem:

https://github.com/user-attachments/assets/084951bf-9332-41ae-a8a7-d074d57ed275

i'm gonna upload the repro solution soon, and link to it, a little later.

this even happens if the both HeadContents are outputting the same html fragments, which definitely shouldn't be the case.

### Expected Behavior

the rendering of the head outlet should happen without an intermediate indeterminate state

### Steps To Reproduce

i'm gonna upload the repro solution soon, and link to it, a little later.

### Exceptions (if any)

_No response_

### .NET Version

10.0.7

### Anything else?

i'm using current edge to show the problem, but it happens on other browsers, too.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.