From 36c59413fb4c6e65db41bab75522b966699bc024 Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Fri, 7 Feb 2025 15:08:08 -0500 Subject: [PATCH 1/2] Fix suggestion of utilities with slashes in them in v4 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit All utilities implicitly have at least `modifiers: []` in the class list when no modifiers are present. We should only change the completion list when there are actually modifiers to show in case an existing utility with a slash in it (e.g. `w-1/2`) is “close” to what the user has typed. --- .../tailwindcss-language-service/src/completionProvider.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts index c09af6a3..62c0c436 100644 --- a/packages/tailwindcss-language-service/src/completionProvider.ts +++ b/packages/tailwindcss-language-service/src/completionProvider.ts @@ -91,10 +91,11 @@ export function completionsFromClassList( let beforeSlash = partialClassName.split('/').slice(0, -1).join('/') let baseClassName = beforeSlash.slice(offset) - modifiers = state.classList.find((cls) => Array.isArray(cls) && cls[0] === baseClassName)?.[1] - ?.modifiers + modifiers = + state.classList.find((cls) => Array.isArray(cls) && cls[0] === baseClassName)?.[1] + ?.modifiers ?? [] - if (modifiers) { + if (modifiers.length > 0) { return withDefaults( { isIncomplete: false, From a7a7928a6dd5b0049889501170097a367867d4e0 Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Fri, 7 Feb 2025 15:48:55 -0500 Subject: [PATCH 2/2] Update changelog --- packages/vscode-tailwindcss/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/vscode-tailwindcss/CHANGELOG.md b/packages/vscode-tailwindcss/CHANGELOG.md index b7e7bb5e..08b1f479 100644 --- a/packages/vscode-tailwindcss/CHANGELOG.md +++ b/packages/vscode-tailwindcss/CHANGELOG.md @@ -6,6 +6,7 @@ - Treat `` as containing JSX ([#1175](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1175)) - Add support for `static` theme option ([#1176](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1176)) - Add details about theme options when hovering ([#1176](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1176)) +- Fix suggestion of utilities with slashes in them in v4 ([#1182](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1182)) ## 0.14.3