Is there a way to disable "MDN References Intellisense" popup (for HTML & CSS) in VS Code?

Visual Studio-Code

Visual Studio-Code Problem Overview


This is in reference to disabling this specific feature, while leaving all other code hinting features active.

I am very familiar with the Settings GUI as well as settings.json and have searched extensively but none of the Intellisense/hints/suggestions configuration seems to apply to this particular popup.

Annotated screenshot indicating the popup I wish to disable

Visual Studio-Code Solutions


Solution 1 - Visual Studio-Code

  1. Just going to Code -> Preferences -> Settings
  2. Search "editor hover enabled" and disable checkbox.

Solution 2 - Visual Studio-Code

It looks like it will finally be in v1.52 for html files, see https://github.com/microsoft/vscode/issues/97979 - it is coming to css/scss files as well.

Two new settings:

"html.hover.documentation": false,
"html.hover.references": false,

The references one will disable the MDN Reference link only. The documentation setting all the MDN documentation as well.

"html.hover.documentation": "Show tag and attribute documentation in hover.",
"html.hover.references": "Show references to MDN in hover."

And for v1.54 extending to css, scss and less:

> ### Hovers in CSS/LESS/SCSS and HTML > > You can now fine tune the content of hovers in HTML and CSS: > - Do not show documentation from MDN > - Do not show the link to the MDN page Use the settings css.hover.documentation and css.hover.references resp the similar > settings in html, css, scss and less

from https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_54.md#hovers-in-csslessscss-and-html

Solution 3 - Visual Studio-Code

Go to File > Preferences > Settings

or

Press Ctrl + ,

Search MDN and you will see 4 check boxes there. uncheck those and you are good to go:

4 check-boxes

In this way, you can still have the hover explanations about certain tags and keywords but only the MDN reference link will be gone:

explanations

Solution 4 - Visual Studio-Code

Found this, in settings.json insert the following. It might turn off more than you wanted, but at least that pop up will be gone.

"editor.hover.enabled": false,

To find settings.json (the right one), open VSCode and push Ctrl+P. Type "settings.json" and make sure you open up the one in AppData (or wherever you installed VSCode in).

Solution 5 - Visual Studio-Code

When you press Ctrl+P looking for the settings.json file it will show you two of them, Open Default settings.json and Open settings.json. you should paste this:

- "editor.hover.enabled": false,

on the Open settings.json.

The default settings.json is not editable.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionScottView Question on Stackoverflow
Solution 1 - Visual Studio-CodeArtyom KnyazevView Answer on Stackoverflow
Solution 2 - Visual Studio-CodeMarkView Answer on Stackoverflow
Solution 3 - Visual Studio-CodeKasun ShanakaView Answer on Stackoverflow
Solution 4 - Visual Studio-CodeMikeView Answer on Stackoverflow
Solution 5 - Visual Studio-CodeMichael AndreuzzaView Answer on Stackoverflow