Render issue when mixing render modes in server-rendered page

[marinasundstrom]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

This bug is regarding 2 instances of the Counter component on the same SSR page, each with different render modes, in the particular order: 1) Server and 2) WebAssembly.

It doesn't look right in prerendering:

And when the interactivity kicks in the components get displaced:

Expected Behavior

Here is when the components order is reversed and they are displayed as expected:

Steps To Reproduce

Here is the page component: https://github.com/marinasundstrom/Blazor8Test/blob/bug/src/Server/Pages/CounterPage2.razor

Exceptions (if any)

No response

.NET Version

8.0.100-preview.6.23330.14

Anything else?

No response

[MackinnonBuck]

Thanks for the issue report, @marinasundstrom! This was fixed in #49238