bug: missing scoped styles when component is included within a shadowRoot #6288
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Stencil Version
latest
Current Behavior
- Generate 2
shadow: truecomponents: menu / nav-item - menu uses nav-item internally but nav-item can be used independently
- use mixed SSR rendering: menu-item
scoped, menuDSD - render both on a page
Given this setup, only the nav-item within menu will have any style; the nav-item's <style> tag only gets added to the menu's shadowRoot - not globally too.
If you remove the menu from the page, the nav-item's <style> is added globally and renders as expected
With the DSD element:
Without:
Expected Behavior
The scoped SSR component's <style> tag should be added both globally and to the DSD shadowRoot
System Info
Steps to Reproduce
pull https://github.com/johnjenkins/stencil-start-m6opf9rg
- pnpm i
- pnpm build
- pnpm express
Code Reproduction URL
https://github.com/johnjenkins/stencil-start-m6opf9rg
Additional Information
No response