Tailwind Intellisense Extension - Arbitrary Variants

[clintfisher]

Discussed in tailwindlabs/tailwindcss#9449

^{Originally posted by clintfisher September 29, 2022}
Hi there, anyone else have issues with the extension not showing the compiled class when using arbitrary variants?

Sometimes it will show for me sometimes not. If I check the same variant in Tailwind Play, it works as expected.

[&[data-border]]:border-t

I have tried turning off all my extensions but Tailwind Intellisense to see if there was any extension conflict but I still get the same issue.

[agusterodin]

I believe your issue should be reported here instead:

https://github.com/tailwindlabs/tailwindcss-intellisense

[clintfisher]

I believe your issue should be reported here instead:

https://github.com/tailwindlabs/tailwindcss-intellisense

Thanks, much appreciated.

[bradlc]

Hey @clintfisher. Can you provide a screen recording of what you are seeing? Sharing your project may help as well 🙏

[clintfisher]

vscode.mov

[bradlc]

Thanks for that! Please could you look in the output panel and paste any logs? You can get to this using the Tailwind CSS: Show Output command from the command palette.

My guess is that the extension is falling back to the built-in version of Tailwind which doesn't support arbitrary variants (I need to get this updated!), or is picking up a version in your project that doesn't. What version of Tailwind are you using?

[clintfisher]

Sure!

The output panel is clean no activity at all.

[bradlc]

Do you have Tailwind CSS IntelliSense selected here?

[clintfisher]

Well, its a handlebars file so that's what's selected. If I change it to Tailwind CSS IntelliSense, I lose all the tailwind hover info.

[bradlc]

The dropdown in the screenshot is not the language selector. It is to the right of "Problems" in your screenshot.

[clintfisher]

Oh my bad!

[bradlc]

Thank you! Is that all of it or it there more if you scroll up? Are you able to share your project?

[clintfisher]

No prob, yeah that's the entirety of the output. Unfortunately can't share the project. Are you able to replicate the issue on your end? I was going to try a clean vscode (w/out sync) install and see if I still have the issue or not but I haven't done that yet.