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, diff --git a/packages/vscode-tailwindcss/CHANGELOG.md b/packages/vscode-tailwindcss/CHANGELOG.md index cf257af3..d3b45fd5 100644 --- a/packages/vscode-tailwindcss/CHANGELOG.md +++ b/packages/vscode-tailwindcss/CHANGELOG.md @@ -8,6 +8,7 @@ - Add details about theme options when hovering ([#1176](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1176)) - Fix parsing of `@custom-variant` shorthand in Tailwind CSS language mode ([#1183](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1183)) - Make sure custom regexes apply in Vue `` blocks ([#1177](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1177)) +- Fix suggestion of utilities with slashes in them in v4 ([#1182](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1182)) ## 0.14.3