Problem with tailwind css intellisense in a react typescript app?

Question

I have installed tailwind css and followed the documentation, but the intellisense works in a weird way: if I use tab to autocomplete className, then if my cursor is inside the brackets, the intellisense doesn't work, but once I click off and on again then the intellisense starts working.

I also updated settings.json and added

{
  "tailwindCSS.includeLanguages": {
    "typescript": "typescript",
    "javascript": "javascript",
    "html": "HTML"
  }

 "editor.inlineSuggest.enabled": true,
  "emmet.triggerExpansionOnTab": true,
  "tailwindCSS.emmetCompletions": true,

  "editor.quickSuggestions": {
    "strings": true
  }

But nothing seems to help, to use intellisense I first need my caret to go outside of the quotes, and then go back inside.

Video

Makonew · Accepted Answer · 2022-07-09 17:38:02Z

2

Here you have where I found solution, https://github.com/tailwindlabs/tailwindcss-intellisense/issues/392 but if you're too busy to dig in here solution is

ctrl + space in quotation marks

, it works for me. I found this question looking for solution and I've found it so here you have. Have fun c:.

answered Jul 9, 2022 at 17:38

Makonew

361 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Problem with tailwind css intellisense in a react typescript app?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related