Warning with tailwindcss classes

[brocard]

What about this warn warn - The class data-[state=closed]:slide-out-to-top-[48%] is ambiguous and matches multiple utilities.

[Saeid-Za]

What component are you getting this error at?
If this issue still persists, please create an issue.
Thanks!

[brocard]

Yes i can share a component (the componte was generate with shadcn-vue cli) and my tailwindcss config, its enough?

[Saeid-Za]

Sorry for late response, if you could provide them as a project in a public GitHub repository, that would be helpful, so that I could run the project and encounter the issue myself.

[brocard]

yep let me tray if i can push small project in public

[bensmaj]

I also get this warning. It appears to be coming from the DialogContent file

[razbakov]

Same for me. Any idea how to fix it?

[casatwy]

meet the same warning, but I don't know how to fix it

[casatwy]

problem solved!

in my original tailwind.config.js, the last line is

plugins: [animate, typography, require("tailwindcss-animate")]

but the first line in tailwind.config.js, there already has

const animate = require("tailwindcss-animate")

so, the animate is duplicated with require("tailwindcss-animate") in the last line, I removed require("tailwindcss-animate") in last line, it turns out to be fine, the warning disappears.

plugins: [animate, typography]

[casatwy]

@vickon16 @dhannypramana

[vickon16]

Thank you @casatwy. I also had this duplicated plugin in my code. I guess it is because of the shadcn CLI overriding my tailwind.config.ts file

[AlexPaven]

Good find but I'm getting the warning and I went over the tailwind config and I don't have duplicate imports.

[vickon16]

I have the same warning from the dialog component from shadcn. How do we fix it?

[dhannypramana]

hi. im getting the same warning from AlertDialogContent, and DialogContent component.
any idea how to fix it?
thanks