[css] Autocomplete for media queries

[ghost]

VSCode doesn't offer autocompletion for media queries. Why is that?

[proimage]

x100!

There should also be a way to get ahead of the curve and allow users to enable support for Level 4 media queries via a user setting.

[ghost]

Made this snippet recently, triggers by typing "media"

    "prefix": "media(){}",
    "body": [
      "@media (${1|max-width,min-width|}: ${2|479,480,767,768,980,981|}px) {",
      "\t${3:body} {",
      "\t\t$0",
      "\t}",
      "}"
    ],
    "description": "media queries"
  }

[rsolomonjr]

Made this snippet recently, triggers by typing "media"

    "prefix": "media(){}",
    "body": [
      "@media (${1|max-width,min-width|}: ${2|479,480,767,768,980,981|}px) {",
      "\t${3:body} {",
      "\t\t$0",
      "\t}",
      "}"
    ],
    "description": "media queries"
  }

Where do you place it? css.json?

[jesperjen98]

I would love to work on this issue.

[aeschli]

@jesperjen98 That would be great. The change will be in https://github.com/Microsoft/vscode-css-languageservice. Check out https://github.com/microsoft/vscode-css-languageservice/blob/a2417092c382f4ac2f86145d0c44d6bce1279ae1/src/services/cssCompletion.ts#L110 as a starting point

[jesperjen98]

@aeschli sorry for the long silence from me, but after a long time of debbuging and testing i have written an implentation for the autocomplete. The implementation is based on how the IPropertyData interface is implemented. I have submitted a pull request but if there is anything that needs to be changed in the implementation i would love to keep working on it. Feedback is also greatly appreciated.

[aeschli]

Thanks @jesperjen98, I'll have a look ASAP. https://github.com/microsoft/vscode-css-languageservice/pull/256/

[kevincharp]

Since 2018 this problem has not been solved?

Was there any solution/configuration to get autocompletion or suggestions when using media querys in css files?