Prevent VS Code from auto completing HTML

Question

I saw some similar questions but none of them solve my problem.

Whenever I edit an HTML tag, VS Code always selects what it thinks is the matching tag and edits it along with what I am typing. This is very annoying because it often changes the incorrect tags. I want to completely disable this. I do not want anything else in the file to be modified when I am changing an HTML tag. I have diabled HTML > Format and HTML: Auto Closing Tags but it still automatically changes other tags when I want to do it manually. Is there any other setting that will completely prevent any auto changes in HTML?

Settings

Incorrect tag being automatically selected and changed

settings.json

{
    "telemetry.enableTelemetry": false,
    "telemetry.enableCrashReporter": false,
    "workbench.editor.enablePreview": false,
    "python.formatting.formatOnSave": false,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "workbench.tree.indent": 16,
    "html.format.enable": false,
    "typescript.autoClosingTags": false,
    "javascript.autoClosingTags": false,
    "html.autoClosingTags": false
}

Stack Underflow · Accepted Answer · 2020-02-06T02:07:13.930

1

The solution is to add the following setting: "html.mirrorCursorOnMatchingTag": false

The setting documentation

edited Feb 06 '20 at 02:07

answered Feb 06 '20 at 02:00

Stack Underflow

2,363
2
26
51

score 0 · Answer 2 · edited Jun 20 '20 at 09:12

0

I am currently using VSCode and am not experiencing these issues, it's strange that it's still doing it even after disabling the setting.

Can you please follow these instructions and post your settings.json file? (this is the underlying file that vscode uses to define it's settings)

Settings file locations (from https://code.visualstudio.com/docs/getstarted/settings)

By default VS Code shows the Settings editor, but you can still edit the underlying settings.json file by using the Open Settings (JSON) command or by changing your default settings editor with the workbench.settings.editor setting.

Depending on your platform, the user settings file is located here:

Windows %APPDATA%\Code\User\settings.json

macOS $HOME/Library/Application Support/Code/User/settings.json

Linux $HOME/.config/Code/User/settings.json

There should be a line similar to:

    "html.autoClosingTags": true,

OR

    "html.mirrorCursorOnMatchingTag": true,

If you change this to false it may fix the problem but if you show your config file we should be able to see if there is another issue.

edited Jun 20 '20 at 09:12

Community

1
1

answered Feb 06 '20 at 00:36

rattybag

381
2
8

In settings.json, the html.autoClosingTags is already false. – Stack Underflow Feb 06 '20 at 01:11
I don't think that is the correct setting, I notice that when it is true, it will auto add a closing tag but it will not when it is false. That seems to be a different setting than what is causing the auto-select-and-edit of "matching" tags. – Stack Underflow Feb 06 '20 at 01:14
Can you try adding `"javascript.autoClosingTags": false`? Nevermind - saw that you've already got this line in your settings.json – rattybag Feb 06 '20 at 01:20
Do you have any extensions installed? – rattybag Feb 06 '20 at 01:24
Yes, I have a few extensions. The most relevant ones would be HTML CSS Support, and Bracket Pair Colorizer 2 – Stack Underflow Feb 06 '20 at 01:27
Can you please disable all of your extensions and see if the problem goes away? I have a feeling it may be one of them doing this. – rattybag Feb 06 '20 at 01:28
Okay, I will try that. – Stack Underflow Feb 06 '20 at 01:40
Thank you, let me know how you go. It may be a process of elimination turning them back on individually until you find the offending extension. – rattybag Feb 06 '20 at 01:44
This did not solve the problem, I disabled all extensions, restarted it and still having the problem. – Stack Underflow Feb 06 '20 at 01:54
I found the solution! Thanks for your effort! – Stack Underflow Feb 06 '20 at 01:59
It's very strange, it looks like this feature is enabled but it's doing it without you pressing F2: https://code.visualstudio.com/updates/v1_41#_html-rename-tags Can you tell me your vscode version? Mine is 1.41.1 – rattybag Feb 06 '20 at 02:03
Mine is the same version – Stack Underflow Feb 06 '20 at 02:05
https://code.visualstudio.com/docs/languages/html#_mirror-cursor – Stack Underflow Feb 06 '20 at 02:06
Ah I was JUST about to tell you to try `html.mirrorCursorOnMatchingTag` :( No worries – rattybag Feb 06 '20 at 02:06
No worries, I have edited my original answer to include the solution that you found. Not sure if you want to mark it as the answer but it might be helpful for anyone with a similar problem so they can find out how to edit their `settings.json` file. Thanks again :) – rattybag Feb 06 '20 at 02:22

Prevent VS Code from auto completing HTML

2 Answers2

Settings file locations (from https://code.visualstudio.com/docs/getstarted/settings)