You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
(the name drop-down is meaningless, I stripped out all code related to that). If I set shadow: true, this works, if I remove it, the slotted content in "dropdown-content" doesn't render. In the following screenshot, the selected node should get slotted but doesn't, and doesn't show up in the rendered HTML.
I made a copy of this component, changed the name for shadow-host and set shadow to true, and now it renders as expected.
I'm not sure if I'm trying to do something unsupported here, but I didn't see any warnings in the documentation about interop between shadow and non-shadow components.
Expected Behavior
I would expect both components to end up rendering the same thing on screen.
System Info
No response
Steps to Reproduce
Clone the linked repo yarn && yarn start
Check out example 2 labeled Missing slotted content bug in index.html.
Thanks @asik! The reproduction case helps immensely! I believe this has something to do with the differing values of shadow between 'drop-down-content' and 'non-shadow-host'. I've labeled this to get ingested into our backlog and as a part of the larger effort to fix up bugs related to slots in Stencil. Thanks again!
The fix for this issue has been released as a part of today's Stencil v4.7.0 release. Should the issue reappear, please feel free to open a new ticket. Thanks!
Prerequisites
Stencil Version
4.0.0 (also seen in 3.4.0)
Current Behavior
I'm not sure exactly what the problem is here, but basically I have a component with this structure:
(the name drop-down is meaningless, I stripped out all code related to that). If I set
shadow: true
, this works, if I remove it, the slotted content in "dropdown-content" doesn't render. In the following screenshot, the selected node should get slotted but doesn't, and doesn't show up in the rendered HTML.I made a copy of this component, changed the name for shadow-host and set shadow to true, and now it renders as expected.
I'm not sure if I'm trying to do something unsupported here, but I didn't see any warnings in the documentation about interop between shadow and non-shadow components.
Expected Behavior
I would expect both components to end up rendering the same thing on screen.
System Info
No response
Steps to Reproduce
Clone the linked repo
yarn && yarn start
Check out example 2 labeled Missing slotted content bug in index.html.
Code Reproduction URL
https://github.com/asik/stencil-repro
Additional Information
No response
The text was updated successfully, but these errors were encountered: