SSR: missing class and style attributes with async components

[realityfilter]

Version

2.6.11

Reproduction link

https://github.com/realityfilter/bugreport-dynamic-components-ssr

https://replit.com/@posva/vuejsvue11837

Steps to reproduce

• run

What is expected?

<app data-server-rendered="true"><div class="child parent app"></div> <div class="child async parent app"></div></app>

What is actually happening?

<app data-server-rendered="true"><div class="child parent app"></div> <div class="child async parent"></div></app>

There are some workarounds for this issue:

• avoiding async components via manual registering the components in a plugin
• wrapping the DynamicComponent with a div

[realityfilter]

The incorrect DOM looks like:

[yshrsmz]

I'm having the same issue.

when manually bind $attrs like below, it seems to render attributes while SSR.
but I can't render class and style for some reason

<component is="SomeComponent v-bind="$attrs" />

[pi0]

I've managed to create bare minimum reproduction: https://replit.com/@pi0/vuejsvue11837#index.js

Even without dynamic components, an async component fails to inherit a class from the two-level upper parent (check the difference between <child> and <async-child> classes).

Once made a fix PR can ensure these two issues are the same (root cause) but my guess is they are.