TailwindUI Bug (incorrect renders & missing classes)
Hi all, I'm having an issue currently where a TailwindUI component isn't rendering correctly in my app.
I've tested the component in a new Next.js app where it worked perfectly fine. But for whatever reason, it's not rendering correctly in mine.
So far I've tried:
- Making sure the CSS files are the same in both apps
- Updating my TailwindCSS & HeadlessUI versions
- Comapring the rendered classes in both apps with each other using inspect element.
I have no idea what the problem could be.
Here's an example of what the code should render (left) vs. what is being rendered (right).
For some reason, it also seems like
I've tested the component in a new Next.js app where it worked perfectly fine. But for whatever reason, it's not rendering correctly in mine.
So far I've tried:
- Making sure the CSS files are the same in both apps
- Updating my TailwindCSS & HeadlessUI versions
- Comapring the rendered classes in both apps with each other using inspect element.
I have no idea what the problem could be.
Here's an example of what the code should render (left) vs. what is being rendered (right).
For some reason, it also seems like
items-baseline is missing from the problematic app in client renders, even though the TailwindCSS version is v3.4.1
