Emmet auto completing HTML tags instead of CSS

[hazem3500]

How can I stop emmet from putting tags into my styled components
I have put this into my settings.json

"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
  "files.associations": {
      "*.js": "javascriptreact"
  }

[jt3k]

bump-up!

[derek-watson14]

bump again

[raihan004]

bump up again

[jt3k]

bumped-up x2

[steffenu]

yea

[jt3k]

first they popularized styled-components and vscode. On any courses for beginners about styled, happy songs are sung, but this is impossible to use. Tools do not work as expected. and also styled slows down and spoils everything.

The css-modules or vue / svelte approach is the best we have.

because styled is garbage

[jasonwilliams]

I cannot reproduce this, i get the css options first and emmet only if nothing else matches.
Could you try the latest version of this extension and re-open if it's still a problem?

[chuckhendo]

Can confirm this is still occurring on both latest version of Code and Insiders, using the latest version of of vscode-styled-components. It only happens if you are working in a file with a JSX/TSX extension or have the language mode set to JavaScript React or TypeScript React.

[jasonwilliams]

@chuckhendo i have the suggestions but they’re below all the css ones so it’s not much of an issue for me. Do you see something different?

[chuckhendo]

@jasonwilliams anything with the colon syntax seems to cause it. For example, m:10 or d:f. Interestingly, df also causes issues. You can confirm that the emmet behavior is different if you run Emmet: Expand abbreviation or try the same thing from a CSS file.

[jt3k]

the problem is still relevant. Are there any plans to fix these errors?

[jasonwilliams]

@jt3k we're not sure how possible it is to stop emmet placing tags there so that's why nothing has happened yet.
We're always up for people contributing who want to try and fix this!
https://github.com/styled-components/vscode-styled-components/blob/master/CONTRIBUTING.md

[chuckhendo]

@jasonwilliams I'm going to try to find some time to take a look at it. Can this issue be reopened?