tailwindlabs / tailwindcss-intellisense

Intelligent Tailwind CSS tooling for Visual Studio Code
2.74k stars 181 forks source link

Intellisense shows the wrong suggestions #966

Closed ventoXCode closed 1 month ago

ventoXCode commented 1 month ago

What version of VS Code are you using? v1.89

What version of Tailwind CSS IntelliSense are you using? v0.10.5

What version of Tailwind CSS are you using? v^3.3.3

What package manager are you using? npm

What operating system are you using? Windows

Tailwind config

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    fontSize: {
      xs: ['12px', '16px'],
      sm: ['14px', '20px'],
      base: ['16px', '19.5px'],
      lg: ['18px', '21.94px'],
      xl: ['20px', '24.38px'],
      '2xl': ['24px', '29.26px'],
      '3xl': ['28px', '50px'],
      '4xl': ['48px', '58px'],
      '8xl': ['96px', '106px']
    },
    extend: {
      fontFamily: {
        palanquin: ['Palanquin', 'sans-serif'],
        montserrat: ['Montserrat', 'sans-serif'],
      },
      colors: {
        'primary': "#ECEEFF",
        "coral-red": "#FF6452",
        "slate-gray": "#6D6D6D",
        "pale-blue": "#F5F6FF",
        "white-400": "rgba(255, 255, 255, 0.80)"
      },
      boxShadow: {
        '3xl': '0 10px 40px rgba(0, 0, 0, 0.1)'
      },
      backgroundImage: {
        'hero': "url('assets/images/collection-background.svg')",
        'card': "url('assets/images/thumbnail-background.svg')",
      },
      screens: {
        "wide": "1440px"
      }
    },
  },
  plugins: [],
}

VS Code settings

{
    "editor.suggestSelection": "recentlyUsed",
    "tailwindCSS.includeLanguages": {
        "javascript": "javascript",
        "html": "HTML",
        "css": "css",
    },
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "files.exclude": {
        "**/.classpath": true,
        "**/.project": true,
        "**/.settings": true,
        "**/.factorypath": true
    },

    "workbench.statusBar.visible": true,
    "editor.fontSize": 20,
    "editor.codeLens": false,
    "debug.onTaskErrors": "debugAnyway",
    "tabnine.experimentalAutoImports": true,
    "remote.SSH.defaultExtensions": ["gitpod.gitpod-remote-ssh"],
    "remote.SSH.remotePlatform": {
        "bxtteam-raisenextknowle-iq6ad0ta115.ssh.ws-eu83.gitpod.io": "linux",
        "bxtteam-raisenextknowle-8jup2s1dhrd.ssh.ws-eu85.gitpod.io": "linux",
        "bxtteam-raisenextknowle-ez5snpmupmf.ssh.ws-eu85.gitpod.io": "linux",
        "bxtteam-raisenextknowle-914dtkrbz8t.ssh.ws-eu85.gitpod.io": "linux",
        "bxtteam-raisenextknowle-mmy31sa6496.ssh.ws-eu86.gitpod.io": "linux",
        "bxtteam-raisenextknowle-reebz23xurg.ssh.ws-eu86.gitpod.io": "linux",
        "bxtteam-raisenextknowle-1dvosoggmgd.ssh.ws-eu86.gitpod.io": "linux",
        "bxtteam-raisenextknowle-6k55wqjmnjm.ssh.ws-eu86.gitpod.io": "linux"
    },
    "editor.minimap.enabled": false,
    "redhat.telemetry.enabled": true,
    "git.autofetch": true,
    "git.confirmSync": false,
    "git.enableSmartCommit": true,
    "json.schemas": [],
    "explorer.confirmDelete": false,
    "git.postCommitCommand": "push",
    "git.rememberPostCommitCommand": true,
    "[python]": {
        "editor.formatOnType": true
    },
    "editor.quickSuggestions": {
        "strings": true
    },
    "editor.fontWeight": "normal",
    "editor.fontLigatures": false,
    "editor.fontVariations": false,
    "editor.fontFamily": "'SF Mono', Consolas, 'Courier New', monospace",
    "editor.tabSize": 2,
    "editor.guides.bracketPairs": true,
    "editor.guides.bracketPairsHorizontal": true,
    "editor.wordWrap": "on",
    "workbench.editor.enablePreviewFromCodeNavigation": true,
    "editor.linkedEditing": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "easycode.userEmail": "geis.joris@gmail.com",
    "auto-rename-tag.activationOnLanguage": ["*"],
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,
    "explorer.confirmDragAndDrop": false,
    "vite.devCommand": "npm run dev",
    "easycode.model": "gpt-4",
    "chatgpt.temperature": 0.5,
    "vsicons.dontShowNewVersionMessage": true,
    "chatgpt.lang": "en",
    "security.workspace.trust.untrustedFiles": "open",
    "emmet.useInlineCompletions": true,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.suggestOnTriggerCharacters": false,
    "emmet.triggerExpansionOnTab": true,
    "editor.stickyScroll.enabled": false,
    "window.confirmSaveUntitledWorkspace": false,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "prettier.useTabs": true,
    "prettier.htmlWhitespaceSensitivity": "ignore",
    "prettier.singleQuote": true,
    "tailwindCSS.colorDecorators": false,
    "editor.guides.highlightActiveBracketPair": false,
    "editor.find.seedSearchStringFromSelection": "never",
    "launch": {
        "configurations": [],
        "compounds": []
    },
    "tailwindCSS.classAttributes": ["class", "ngClass", "className"],
    "editor.selectionHighlight": false,
    "workbench.editor.enablePreview": false,
    "tailwindCSS.experimental.configFile": null,
    "tailwindCSS.emmetCompletions": true,
    "css.validate": false,
}

Describe your issue I have been trying everything today to fix this but I just can't get it to work. When I type out a className like mt-5 for example Intellisense highlights mt-0. On the other hand, when i type mt5 it highlights mt-5 and shows its properties.

As this might seem weird you can view this GIF to understand what I mean: https://imgur.com/XrhEqcP

ventoXCode commented 1 month ago

"editor.suggestOnTriggerCharacters": false

This is what caused this stupid error. If you do have the same problem set it to true in the settings themselves or just delete the whole line from the setings.json, it has the same effect.