search

microsoft / vscode-edge-devtools

A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code
https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension
MIT License
756 stars 259 forks source link

Database used to show warnings/notes (CSS) seems to be outdated #2155

Open Michaelvsk opened 6 months ago

Michaelvsk commented 6 months ago

Environment (please complete the following information):

Describe the bug: The extension warns about @layer (CSS) is not supported by Chrome, Chrome Android, Edge, Opera, Samsung Internet.

Repro steps: Type @layer myLayerName {} in a CSS files to let this warning message appear:

@layer' is not supported by Chrome, Chrome Android, Edge, Opera, Samsung Internet. Microsoft Edge Tools (compat-api/css)

Expected behavior: No warning should appear because any major browser supports @layer. Following the link in the error message to MDN says this about browser support:

Since March 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

captainbrosset commented 6 months ago

Thanks for filing. I think this is related to the version of webhint that the extension uses. And webhint, itself, uses the mdn/browser-compat-data project. I believe this should get fixed soon. I know @vidorteg already updated the version of BCD that webhint uses in https://github.com/webhintio/hint/pull/5834 So perhaps it's only a question of bumping the version of webhint that the VS Code extension uses.

@vidorteg can you confirm?

Nexinal commented 4 months ago

Any update on this? @vidorteg