/stencil-slot-problem

Repository to reproduce a stencil issue with slots

Primary LanguageHTMLMIT LicenseMIT

Built With Stencil

Stencil Slot problem

Using stencil components

  • without shadow
  • without scoped css

When consumer changes content of slot dynamically all the component host content gets removed.

Run the code

git clone https://github.com/oscargm/stencil-slot-problem.git
cd stencil-slot-problem

# stencil v3-next is not compatible with @stencil/sass
npm i --force
npm start

Result

result

Inspect the element and you'll see that the original html provided on slot has disappeared for:

  • custom element without shadowDOM and scopedCSS
  • custom element with scopedCSS