VSCode 1.91 breaks code actions

[janekolszak]

What version of VS Code are you using?

For example: v1.91

What version of Tailwind CSS IntelliSense are you using?

For example: v0.12.5

What version of Tailwind CSS are you using?

For example: v3.4.4

What package manager are you using?

For example: npm

What operating system are you using?

Ubuntu

It seems latest changes in vscode - editor.codeActionsOnSave break this plugin. Tailwind CSS Intellisense blocks code actions indefinitely. Log says:

Saving 'file.tsx': Getting code actions from ''Tailwind CSS IntelliSense', 'TypeScript and JavaScript Language Features''' ([configure](command:workbench.action.openSettings?%5B%22editor.codeActionsOnSave%22%5D)).

[thecrypticace]

Can you provide your vscode settings?

[thecrypticace]

Also, if possible, can you provide:

• The logs from the project (in the command palette: "Tailwind CSS: Show Output"); OR
• A repository with a project that reproduces this behavior;
• or both

[janekolszak]

Settings:

{
  "editor.minimap.enabled": false,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "githubIssues.queries": [
    {
      "label": "My Issues",
      "query": "default"
    },
    {
      "label": "Created Issues",
      "query": "author:${user} state:open repo:${owner}/${repository} sort:created-desc"
    },
    {
      "label": "Recent Issues",
      "query": "state:open repo:${owner}/${repository} sort:updated-desc"
    }
  ],
  "editor.inlineSuggest.enabled": true,
  "github.copilot.enable": {
    "*": true,
    "plaintext": false,
    "markdown": true,
    "scminput": false,
    "yaml": true
  },
  "git.openRepositoryInParentFolders": "never",
  "[python]": {
    "editor.formatOnType": true
  },
  "explorer.confirmDelete": false,
  "githubPullRequests.pullBranch": "never",
  "[markdown]": {
    "editor.defaultFormatter": "yzhang.markdown-all-in-one"
  },
  "files.exclude": {
    "**/.trunk/*actions/": true,
    "**/.trunk/*logs/": true,
    "**/.trunk/*notifications/": true,
    "**/.trunk/*out/": true,
    "**/.trunk/*plugins/": true
  },
  "files.watcherExclude": {
    "**/.trunk/*actions/": true,
    "**/.trunk/*logs/": true,
    "**/.trunk/*notifications/": true,
    "**/.trunk/*out/": true,
    "**/.trunk/*plugins/": true
  },
  "[go]": {
    "editor.defaultFormatter": "golang.go"
  },
  "workbench.colorTheme": "Default Dark Modern",
  "github.copilot.editor.enableAutoCompletions": true,
}

[janekolszak]

Output:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/go.opencensus.io@v0.23.0/zpages/internal/public/opencensus.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/go.opencensus.io@v0.24.0/zpages/internal/public/opencensus.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/benchmarks/sample_fontawesome.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/benchmarks/sample_gumby.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/benchmarks/sample_bootstrap.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/tests/css/corpus/2.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/tests/css/corpus/5.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/tests/css/corpus/3.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/tests/css/corpus/4.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/tests/css/corpus/7.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
[Global] Creating projects: []
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/benchmarks/sample_normalize.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
[Global] Creating projects: []
{"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.20.19/tests/css/corpus/6.css may be Tailwind-related…
[Global] Creating projects: [{"folder":"/home/username/workspace/project/frontend","config":"/home/username/workspace/project/frontend/tailwind.config.js","selectors":[{"pattern":"/home/username/workspace/project/frontend/tailwind.config.js","priority":0},{"pattern":"/home/username/workspace/project/frontend/src/**/*.{js,ts,jsx,tsx}","priority":1},{"pattern":"/home/username/workspace/project/frontend/**","priority":3},{"pattern":"/home/username/workspace/project/frontend/**","priority":5}],"user":false,"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}]
[Global] Creating projects: []
[Global] Creating projects: []
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/benchmarks/sample_fontawesome.css may be Tailwind-related…
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Creating projects: []
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/benchmarks/sample_normalize.css may be Tailwind-related…
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Preparing projects...
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/benchmarks/sample_gumby.css may be Tailwind-related…
[Global] Adding watch patterns: /home/username/workspace/project/frontend/tailwind.config.js, /home/username/workspace/project/frontend
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Preparing projects...
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/benchmarks/sample_bootstrap.css may be Tailwind-related…
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/benchmarks/sample_normalize.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/benchmarks/sample_fontawesome.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/tests/css/corpus/2.css may be Tailwind-related…
[Global] Preparing projects...
[Global] Initializing projects...
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/tests/css/corpus/5.css may be Tailwind-related…
[Global] Initialized 0 projects
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/tests/css/corpus/7.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/tests/css/corpus/3.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/tests/css/corpus/4.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/benchmarks/sample_gumby.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/tests/css/corpus/6.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.8/benchmarks/sample_bootstrap.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/tests/css/corpus/5.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/tests/css/corpus/2.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/tests/css/corpus/6.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/tests/css/corpus/4.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/tests/css/corpus/7.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/v2@v2.12.4/tests/css/corpus/3.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/ulikunitz/xz@v0.5.12/doc/md.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/ulikunitz/xz@v0.5.10/doc/md.css may be Tailwind-related…
[Global] Creating projects: []
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Creating projects: []
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Creating projects: []
[Global] Preparing projects...
[Global] Initializing projects...
[tailwind.config.js] Initializing...
[tailwind.config.js] supported features: ["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"]
[tailwind.config.js] Loaded tailwindcss v3.4.4: /home/username/workspace/project/frontend/node_modules/tailwindcss
[tailwind.config.js] Loaded Tailwind CSS config file: /home/username/workspace/project/frontend/tailwind.config.js
[tailwind.config.js] Loaded postcss v8.4.31: /home/username/workspace/project/frontend/node_modules/postcss
[tailwind.config.js] Building...
[Global] Initialized 1 projects

[thecrypticace]

Sorry for the late reply — I don't see anything in there that seems like it would cause things to break/hang. Especially given that the only code actions we have are quick fixes so afaik they can't be run on save anyway. If you disable intellisense does the problem go away?

[janekolszak]

Yes, when I disable the plugin it goes away.

Autocomplete doesn't work as well.

[janekolszak]

• I removed completely vscode, reinstalled latest version. I tried both deb and snap installation method.
• Installed latest Tailwind extension and nothing worked (code actions block, suggestion are showing only Loading... message)
  

Everything works with v0.10.5:

[RiczCalixto]

We have any update about this topic? It's happening with me aswell

[amhed]

Same

[thecrypticace]

@RiczCalixto @amhed Could either of you provide a reproduction for this? I've never seen this issue myself and I am not sure how it could happen in the first place.

[MattSteedman]

same

[muco-rolle]

I'm consistently getting this error as well.

[lshunran]

Same here

[Silon]

Sorry for the late reply — I don't see anything in there that seems like it would cause things to break/hang. Especially given that the only code actions we have are quick fixes so afaik they can't be run on save anyway. If you disable intellisense does the problem go away?

@thecrypticace Yes. Seems that it breaks after trying to suggest something. With changes in code not related to tailwind classes it works good but after first className change it breaks save actions and don't work until extension restart.

Edit:

I discovered that it breaks when I'm working with tailwind-variants and classRegex setting. For className param in DOM element it works good.

"tailwindCSS.experimental.classRegex": [
    ["tv\\((([^()]*|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ],

Update 2 (Problem solved for me)

My regex was different than tailwind-variant has currently in the documentation.
I changed on this one and it works good.

  "tailwindCSS.experimental.classRegex": [
    ["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]