The class generated for the :host selector in components with scoped styles gets appended to all of the children of that component.
Steps to repro:
1. Set up eleventy@3.0.0-beta.1 and @11ty/eleventy-plugin-webc"@^0.11.2
2. Add the webc plugin to eleventyConfig with no options
3. Create a component with children:
I've tried pasting components from other projects and they fail in the same way consistently. The only thing that seems to fix it is downgrading to eleventy v2.
My gut feeling is that this has more to do with 11ty/webc itself. Debugging turned out to be waaaay over my head, but I'm happy to do some testing/troubleshoot if that helps!
The class generated for the
:host
selector in components with scoped styles gets appended to all of the children of that component.Steps to repro:
1. Set up
eleventy@3.0.0-beta.1
and@11ty/eleventy-plugin-webc"@^0.11.2
2. Add the webc plugin to eleventyConfig with no options 3. Create a component with children:Expected result:
Actual result:
More context:
Here's the intro.webc template I'm using:
I've tried pasting components from other projects and they fail in the same way consistently. The only thing that seems to fix it is downgrading to eleventy v2.
My gut feeling is that this has more to do with 11ty/webc itself. Debugging turned out to be waaaay over my head, but I'm happy to do some testing/troubleshoot if that helps!