Suggestions showing for all props in React Native project

[RobertOstermann]

What version of VS Code are you using?

For example: 1.99.0-insider

What version of Tailwind CSS IntelliSense are you using?

For example: v0.14.9

What version of Tailwind CSS are you using?

For example: v3.4.17

What package manager are you using?

For example: bun

What operating system are you using?

For example: macOS

Tailwind config

/** @type {import('tailwindcss').Config} */
module.exports = {
  // NOTE: Update this to include the paths to all of your component files.
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  presets: [require('nativewind/preset')],
  theme: {
    extend: {},
  },
  plugins: [],
};

VS Code settings

{
"tailwindCSS.classAttributes": [
    "class",
    "className",
    "ngClass",
    "class:list"
  ],
  "tailwindCSS.emmetCompletions": false,
  "tailwindCSS.suggestions": true,
}

Reproduction URL

Describe your issue

I am seeing the entire list of tailwind suggestions appear for any prop in my React Native Expo project. This should be limited to just the specified class attributes.

[thecrypticace]

Not seeing this locally. Can you provide a reproduction please

[RobertOstermann]

Here is a GitHub Repo that I see the issue in.

• Run bun install
• Navigate to src/app/index.tsx
• Place cursor inside the accessibilityHint and trigger the suggestions with command palette "Trigger Suggest" (or the corresponding keyboard command)
• I am seeing all the suggestions show up despite this not being a class attribute

[thecrypticace]

Ah. It's your class regex

["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"]

That makes it show up in any string

[RobertOstermann]

Ah ok, thanks for the quick help!