Bug Report: No IntelliSense suggestions for some specific utilities like font-, and text colours in Tailwind CSS v4 (nextjs project) #1350
Description
What version of VS Code are you using?
v1.74.0
What version of Tailwind CSS IntelliSense are you using?
v0.14.16
What version of Tailwind CSS are you using?
v4.1.5
What package manager are you using?
npm
What operating system are you using?
macOS
Tailwind config
no tailwind config file was needeVS Code settings
{
"files.autoSave": "onFocusChange",
"editor.fontSize": 22,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": false,
"workbench.editorAssociations": {
"*.ipynb": "jupyter-notebook"
},
"notebook.cellToolbarLocation": {
"default": "right",
"jupyter-notebook": "left"
},
"workbench.tips.enabled": false,
"window.menuBarVisibility": "compact",
"workbench.editor.revealIfOpen": true,
"terminal.integrated.fontSize": 18,
"debug.terminal.clearBeforeReusing": true,
"bracket-pair-colorizer-2.depreciation-notice": false,
"workbench.colorTheme": "Dracula Theme Soft",
"security.workspace.trust.untrustedFiles": "open",
"cmake.configureSettings": {},
"code-runner.clearPreviousOutput": true,
"code-runner.runInTerminal": true,
"code-runner.saveFileBeforeRun": true,
// "workbench.statusBar.visible": false,
"powershell.sideBar.CommandExplorerVisibility": false,
"zenMode.hideLineNumbers": false,
"workbench.layoutControl.enabled": false,
"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.ChromeDebuggingAttachment": false,
"json.schemas": [],
"git.autofetch": true,
"workbench.iconTheme": "vscode-icons",
"terminal.integrated.fontFamily": "FiraCode Nerd Font",
"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace, Anonymous Pro ",
"editor.fontVariations": false,
"editor.codeActionsOnSave": {},
"python.autoComplete.extraPaths": [],
"code-runner.executorMapByFileExtension": {
".vb": "cd $dir && vbc /nologo $fileName && $dir$fileNameWithoutExt",
".vbs": "cscript //Nologo",
".scala": "scala",
".jl": "julia",
".cr": "crystal",
".ml": "ocaml",
".zig": "zig run",
".exs": "elixir",
".hx": "haxe --cwd $dirWithoutTrailingSlash --run $fileNameWithoutExt",
".rkt": "racket",
".scm": "csi -script",
".ahk": "autohotkey",
".au3": "autoit3",
".kt": "cd $dir && kotlinc $fileName -include-runtime -d $fileNameWithoutExt.jar && java -jar $fileNameWithoutExt.jar",
".kts": "kotlinc -script",
".dart": "dart",
".pas": "cd $dir && fpc $fileName && $dir$fileNameWithoutExt",
".pp": "cd $dir && fpc $fileName && $dir$fileNameWithoutExt",
".d": "cd $dir && dmd $fileName && $dir$fileNameWithoutExt",
".hs": "runhaskell",
".nim": "nim compile --verbosity:0 --hints:off --run",
".csproj": "dotnet run --project",
".fsproj": "dotnet run --project",
".lisp": "sbcl --script",
".kit": "kitc --run",
".v": "v run",
".vsh": "v run",
".sass": "sass --style expanded",
".cu": "cd $dir && nvcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
".ring": "ring",
".sml": "cd $dir && sml $fileName",
".mojo": "mojo run",
".erl": "escript",
".spwn": "spwn build",
".pkl": "cd $dir && pkl eval -f yaml $fileName -o $fileNameWithoutExt.yaml",
".gleam": "gleam run -m $fileNameWithoutExt"
},
"code-runner.executorMap": {
"javascript": "node",
"java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
"c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"zig": "zig run",
"cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"objective-c": "cd $dir && gcc -framework Cocoa $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"php": "php",
"python": "python3 -u",
"perl": "perl",
"perl6": "perl6",
"ruby": "ruby",
"go": "go run",
"lua": "lua",
"groovy": "groovy",
"powershell": "powershell -ExecutionPolicy ByPass -File",
"bat": "cmd /c",
"shellscript": "bash",
"fsharp": "fsi",
"csharp": "scriptcs",
"vbscript": "cscript //Nologo",
"typescript": "ts-node",
"coffeescript": "coffee",
"scala": "scala",
"swift": "swift",
"julia": "julia",
"crystal": "crystal",
"ocaml": "ocaml",
"r": "Rscript",
"applescript": "osascript",
"clojure": "lein exec",
"haxe": "haxe --cwd $dirWithoutTrailingSlash --run $fileNameWithoutExt",
"rust": "cd $dir && rustc $fileName && $dir$fileNameWithoutExt",
"racket": "racket",
"scheme": "csi -script",
"ahk": "autohotkey",
"autoit": "autoit3",
"dart": "dart",
"pascal": "cd $dir && fpc $fileName && $dir$fileNameWithoutExt",
"d": "cd $dir && dmd $fileName && $dir$fileNameWithoutExt",
"haskell": "runghc",
"nim": "nim compile --verbosity:0 --hints:off --run",
"lisp": "sbcl --script",
"kit": "kitc --run",
"v": "v run",
"sass": "sass --style expanded",
"scss": "scss --style expanded",
"less": "cd $dir && lessc $fileName $fileNameWithoutExt.css",
"FortranFreeForm": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"fortran-modern": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"fortran_fixed-form": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"fortran": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"sml": "cd $dir && sml $fileName",
"mojo": "mojo run",
"erlang": "escript",
"spwn": "spwn build",
"pkl": "cd $dir && pkl eval -f yaml $fileName -o $fileNameWithoutExt.yaml",
"gleam": "gleam run -m $fileNameWithoutExt"
},
"python.analysis.extraPaths": [],
"javascript.updateImportsOnFileMove.enabled": "always",
"editor.accessibilitySupport": "off",
"vsicons.dontShowNewVersionMessage": true,
"[cpp]": {
"editor.defaultFormatter": "ms-vscode.cpptools"
},
"editor.quickSuggestions": {
"other": "on",
"comments": "off",
"strings": "on"
},
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"typescript": "typescriptreact"
},
"tailwindCSS.experimental.configFile": null,
"settingsSync.ignoredSettings": [
]
}
Reproduction URL
https://github.com/captainspeedy68/tailwind-intellisense-bug-repro.git
Describe your issue
Tailwind IntelliSense is not showing any suggestions when typing font- in a class list. Other utilities like text- or bg- sometimes work, but font- and similar ones do not appear at all.
Run: npx create-next-app@latest
Set up Tailwind CSS v4.1.5 (no tailwind.config.js)
Add the default Tailwind setup via PostCSS
In a component, add className="font-"
Observe: No IntelliSense suggestions for font classes
Expected Behavior
The extension should provide IntelliSense for all Tailwind CSS classes, including font utilities, even with default config (Tailwind v4 doesn’t require a config file).
Actual Behavior
No suggestions are shown for font-, and others show suggestions inconsistently.
