-
Notifications
You must be signed in to change notification settings - Fork 13
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
classes are not inlined with custom-elements #77
Comments
does this issue still exists.. i can't reproduce it |
sorry for the delay @alexanderniebuhr (easter weekend...) It works with simple components, but tailwind classes from nested components aren't included |
@syffs can you provide simplest reproduction repo |
I was just working on that: |
your problem are not |
Thanks for the quick reply ! So is it luck that it does work without custom-element or nested components ? Probably I misunderstood windicss features, I though it was prepocessing postcss: https://windicss.org/guide/migration.html Or did I miss something ? |
nvrmind you do have sveltePreprocessor in your processor list.. so it should work fine. |
@syffs what is your issue. I see the classes in css. can you point me to the class missing in your repo? |
I pushed some changes to repro repo to show what's the nested component (button) is supposed to look like. Basically, it looks like none of the classes of the nested component are available |
the if that is correct, the issue is after the preprocess step, maybe where the css is bundled and loaded not correctly in browser.. i try to find, maybe you have an idea?
|
setting following in testbutton group, is somehow working.. do not ask me why.. not that good with custom-element
|
Thanks again for your assistance ! I've done some digging.. It seems to be related to svelte limitations: sveltejs/svelte#4274 sveltejs/svelte#3594 sveltejs/svelte#4228 |
sorry for that. I had the same issue with svelte and storybook :/ |
as in title, to reproduce, simply add the option to svelte plugin in your
rollup.config.js
and create a customElement svelte component with some tailwind classes
The text was updated successfully, but these errors were encountered: