[BUG] ShadowRootRenderer - Removes unassigned text nodes

Hey there,

I’ve noticed that the server-renderer removes the perfectly valid simple textNode type children of a custom element. https://github.com/capricorn86/happy-dom/blob/7f03049c01f6c50b8cead43706c32496675120b3/packages/server-rendering/src/renderer/shadow-root/ShadowRootRenderer.ts#L77

Example:

class SimpleStyler extends HTMLElement {
  constructor() {
    super();
    this.attachShadow({mode: 'open'}).innerHTML = '<style>color: "red";</style>';
  }
}

customElements.define('simple-styler', SimpleStyler);

<simple-styler>Text node should not be removed</simple-styler>

The above example fails to render correctly by HappyDOMServerRenderer even if the web component has a default slot as the textNode is not listed by element.children https://github.com/capricorn86/happy-dom/blob/7f03049c01f6c50b8cead43706c32496675120b3/packages/server-rendering/src/renderer/shadow-root/ShadowRootRenderer.ts#L56

Output will be:

<simple-styler><style>color: "red";</style></simple-styler>

Expected output:

<simple-styler><style>color: "red";</style>Text node should not be removed</simple-styler>

Let me know if you’d prefer me to create a PR. Thanks

[capricorn86]

@itutto the problem should now be fixed.

You can read more about the release here: https://github.com/capricorn86/happy-dom/releases/tag/v2.47.1

[capricorn86]

@itutto you are right. It seems like there is a bug where custom elements aren’t loaded when defined. They have to be defined before the HTML is rendered.

I have created a new bug for it: https://github.com/capricorn86/happy-dom/issues/404