intellisense does not work properly

[shayan-flh]

What version of VS Code are you using?
v1.97.2
What version of Tailwind CSS IntelliSense are you using?
v0.14.8
What version of Tailwind CSS are you using?
v4.0
What package manager are you using?
npm
What operating system are you using?
Windows
Tailwind config

// Paste the contents of your Tailwind config file here

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'

// https://vite.dev/config/
export default defineConfig({
  plugins: [react(),
  tailwindcss(),
  ],
})

//version 4 of tailwind does not have an tailwind config file based on the tailwind document so this is the vite.config.js

VS Code settings

// Paste your VS Code settings in JSON format here
{
    "files.autoSave": "afterDelay",
    "npm.enableRunFromFolder": true,
    "debug.javascript.codelens.npmScripts": "all",
    "editor.minimap.enabled": false,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "editor.stickyScroll.enabled": false,
    "editor.unicodeHighlight.nonBasicASCII": false
}

Reproduction URL

https://github.com/shayanjoon11/tailwind-test.git

Describe your issue

intellisense does not work on tailwindcss v4 and there is no class name suggestions either in the html file or jsx file

[philipp-spiess]

@shayanjoon11 Hey! It seems like you forgot to fill out the "reproduction url" section. Mind sharing your project setup with us so we can investigate?

Reproduction URL

A public GitHub repo that includes a minimal reproduction of the bug. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private/confidential, since we want a link to a separate, isolated reproduction anyways.

[shayan-flh]

@philipp-spiess hey i edited and placed the project repository's link on the informations

[thecrypticace]

This project is working for me:

Can you try loading up your project again and seeing if it works?

[shayan-flh]

its fixed now thank you.... we should close and open the vscode when we download v4

[thecrypticace]

That shouldn't be required but I've seen a couple mentions of this "fixing" projects for people. I need to figure out why. Will look into it!

[darkwiz666]

I'm getting suggestions, but not color boxes. Updated intellisense plugin, restarted Codium, nothing.

[ryanelian]

I'm not getting flex-1 for some reason when using Tailwind CSS 4

It hovers just fine:

[darkwiz666]

I'm getting suggestions, but not color boxes. Updated intellisense plugin, restarted Codium, nothing.

Didn't realize it but now I'm also not getting the css on hovering the class either. I've updated everything and restarted the application no less than 5 times over the past week, so...