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

2.13.0

Current Behavior

Hi, greetings.
I am using stencil with hydrate app output target, since I need to use my library of components with a static site generator (Eleventy). On stenciljs everything works fine, but on eleventy, I am experiencing a buggy behavior with a specific component: gwds-button. This component prints a simple a tag along with some css classes:

On eleventy, I am using another component (gwds-loot-at-me), which has as slotted content a gwds-button component (along with other content such as a paragraph). Here is where the strangeness begins: two link elements gets printed inside gwds-button, where just one is expected to be display.

Now, if I place a gwds-button outside of another component, the button behaives as expected, tag duplication does not ocurrs. The duplication only seems to happen when gwds-button is nested inside another gwds-component.

Expected Behavior

gwds-component to display only one a tag.

Steps to Reproduce

1. clone the repo
2. npm install
3. npm start
4. open the site
5. see the first big component with green background. you will see two pink buttons, and two white buttons, and you should see one pink and one white only.
6. To check the markup, go to src/en/index.html

Code Reproduction URL

https://github.com/bsastregx/gwds-eleventy

Additional Information

May be this helps, not sure: #2611 | #3413