Closed carlos22 closed 9 months ago
Start a new pull request in StackBlitz Codeflow.
I need more information to reproduce the problem
Are you referring to a third-party component library (such as vuetify)?
Are you referring to a third-party component library (such as vuetify)?
For example. Anything that is imported with a import "style.css"
in the head. This style will not end up in the shadow dom even if the import was done in a sub component. The example I provided seems to be the original one, sorry for that I had it working but might have lost the link somehow...
The important thing is NOT @import
of CSS that works, but import of ES modules with css. E.g. with libs that use this one here: https://www.npmjs.com/package/vite-plugin-lib-inject-css
This should explain the bug better: https://stackblitz.com/edit/vitejs-vite-nqrj24
Cool, thanks for the fast fix :)
Describe the bug
When using a library inside as child of your CE component that uses the ES modules
import "./mylib.css"
(in the<script>
tag!) the css does not end up in the shadow dom but in the regular dom.Reproduction
https://stackblitz.com/edit/vitejs-vite-nqrj24 (should work now)
System Info
No response
Used Package Manager
npm
Validations