What is the current behavior?

The new behaviour introduced by https://github.com/stenciljs/core/pull/6314/files means that non-shadow components without <slot>s are now patched.

This means components which are purely used as style tags e.g.:

// plain-component.ts

import { Component } from '@stencil/core';

@Component({
  tag: 'plain-component',
  styleUrl: 'plain-component.scss',
})
export class PlainComponent {}

Used like:

<plain-component>
  <div>something</div>
</plain-component>

And queried like document.querySelector('plain-component').childNodes() returns an empty array.

GitHub Issue Number: N/A

What is the new behavior?

Only non-child component with slots are patched. Components that don't need the patches are left alone.

Documentation

Does this introduce a breaking change?

• Yes
• No

Testing

Other information