search

tailwindlabs / tailwindui-issues

A place to report bugs discovered in Tailwind UI.
236 stars 4 forks source link

TailWind UI Toggles #1453

Closed bartz-dev closed 1 year ago

bartz-dev commented 1 year ago

What component (if applicable)

Describe the bug A clear and concise description of what the bug is. image

To Reproduce Steps to reproduce the behavior:

  1. Use VueJS
  2. Create a Option Component and import all component as it was done on tailwind

Expected: image

Actual: image

Style applied on all the component: image

Browser/Device (if applicable)

adamwathan commented 1 year ago

Hey! It looks like there's a lot of extra strange CSS being generated here and inserted into the document in a weird order so we'd need to see more than this to understand what's going on. Can you share a proper reproduction project? Ultimately this feels like a case of multiple CSS files being imported in different places to me but would need to see the actual project to give a recommendation on what to do instead.

bartz-dev commented 1 year ago

Sure I use vuetify using Tailwind also tailwind was configured with an alias: 'tw-'. I think it can be linked to vuetify's library :/

How can I send you a proper reproduction project ?

bartz-dev commented 1 year ago

Problem resolved vuetify is a big problem like this .. image

Sorry about the issue, does it is possible to use it alongside with vuetify ? They didn't provide any fix for this (just put a tailwind prefix but their style ovverride tailwind :/) Any idea to force tailwind to take over ?

Thanks

reinink commented 1 year ago

@clementfleur Hey — glad you figured out what was causing the issue here. Since this isn't technically a bug with Tailwind UI I am going to close this issue.

I'd recommend jumping on our Tailwind UI Discord channel or GitHub Discussions for help here. We have an awesome community of people who are often willing to help out with these kinds of implementation questions.

Good luck! 💪