VSCode 1.91 breaks code actions #1018

janekolszak · 2024-07-14T18:40:29Z

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)).

The text was updated successfully, but these errors were encountered:

thecrypticace · 2024-07-15T15:59:40Z

Can you provide your vscode settings?

thecrypticace · 2024-07-15T16:03:53Z

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 · 2024-07-15T19:47:43Z

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 · 2024-07-15T19:51:55Z

Output:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/[email protected]/zpages/internal/public/opencensus.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/[email protected]/zpages/internal/public/opencensus.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_fontawesome.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_gumby.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_bootstrap.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/2.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/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/[email protected]/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/[email protected]/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/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/[email protected]/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/[email protected]/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/[email protected]/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/[email protected]/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/[email protected]/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/[email protected]/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/[email protected]/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/[email protected]/benchmarks/sample_normalize.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_fontawesome.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/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/[email protected]/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/[email protected]/tests/css/corpus/7.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/3.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/4.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_gumby.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/6.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_bootstrap.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/5.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/2.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/6.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/4.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/7.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/3.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/ulikunitz/[email protected]/doc/md.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/ulikunitz/[email protected]/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 · 2024-07-19T14:10:09Z

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 · 2024-07-20T16:42:15Z

Yes, when I disable the plugin it goes away.

Autocomplete doesn't work as well.

janekolszak · 2024-07-21T08:13:35Z

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 · 2024-12-02T18:34:19Z

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

amhed · 2024-12-05T14:04:35Z

Same

thecrypticace · 2024-12-05T15:04:14Z

@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 · 2024-12-11T11:41:33Z

same

muco-rolle · 2024-12-25T13:01:51Z

I'm consistently getting this error as well.

lshunran · 2024-12-27T19:40:02Z

Same here

Silon · 2025-01-11T11:52:35Z

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": [
    ["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]

thecrypticace · 2025-02-13T14:41:41Z

@Silon This was exactly the piece of information I needed! I've reproduced it in this case (well, so far once).

I suspect that the "code actions" dialog might also be related to waiting for diagnostics — or maybe just a response at all. A runaway regex would absolutely do that because it completely locks up the process — we can't intercept it w/o doing some specialty stuff with worker threads.

thecrypticace · 2025-03-19T19:29:20Z

Just spent a small amount of time verifying.

If you save a file that contains this text and the above original tailwind variants regex it freezes because of the catastrophic backtracking that happens when matching the regex:

const classes = tv({ foobar: '' // aaaaaaaaaaaaaaa

We just merged a community contribution that added a tailwindCSS.classFunctions setting which I very much hope people migrate to using once released (tomorrow probably) instead of the classRegex. With it you can just say

{
  "tailwindCSS.classFunctions": ["tv"],
}

And IntelliSense will handle the rest. It only supports JS/TS/JSX/TSX right now but my hope is we'll expand it in the future to support other languages as needed. (but it does also work in <script> tags btw)

I'm gonna close this one now since we've got a proper solution to not using the class regex in a number of cases and, as far as I can tell, that is the major cause of this.

The only other potential cause I can think of is recursive symlinks freezing the process for a time during the initial file search which I've been working to address in #1242 (already released) and #1270 (still a work in progress)

thecrypticace added the question Further information is requested label Jul 15, 2024

thecrypticace closed this as completed Mar 19, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

VSCode 1.91 breaks code actions #1018

VSCode 1.91 breaks code actions #1018

janekolszak commented Jul 14, 2024

thecrypticace commented Jul 15, 2024

thecrypticace commented Jul 15, 2024

janekolszak commented Jul 15, 2024

janekolszak commented Jul 15, 2024

thecrypticace commented Jul 19, 2024

janekolszak commented Jul 20, 2024 •

edited

Loading

janekolszak commented Jul 21, 2024

RiczCalixto commented Dec 2, 2024

amhed commented Dec 5, 2024

thecrypticace commented Dec 5, 2024

MattSteedman commented Dec 11, 2024

muco-rolle commented Dec 25, 2024

lshunran commented Dec 27, 2024

Silon commented Jan 11, 2025 •

edited

Loading

thecrypticace commented Feb 13, 2025

thecrypticace commented Mar 19, 2025

VSCode 1.91 breaks code actions #1018

VSCode 1.91 breaks code actions #1018

Comments

janekolszak commented Jul 14, 2024

thecrypticace commented Jul 15, 2024

thecrypticace commented Jul 15, 2024

janekolszak commented Jul 15, 2024

janekolszak commented Jul 15, 2024

thecrypticace commented Jul 19, 2024

janekolszak commented Jul 20, 2024 • edited Loading

janekolszak commented Jul 21, 2024

RiczCalixto commented Dec 2, 2024

amhed commented Dec 5, 2024

thecrypticace commented Dec 5, 2024

MattSteedman commented Dec 11, 2024

muco-rolle commented Dec 25, 2024

lshunran commented Dec 27, 2024

Silon commented Jan 11, 2025 • edited Loading

thecrypticace commented Feb 13, 2025

thecrypticace commented Mar 19, 2025

janekolszak commented Jul 20, 2024 •

edited

Loading

Silon commented Jan 11, 2025 •

edited

Loading