Selected word breaking

[ronilaukkarinen]

Is there a way to prevent this?

[vincaslt]

Maybe, could you post your extension settings json?

[ronilaukkarinen]

My settings.json is pretty large so here's only the relevant parts:

  "editor.renderLineHighlight": "none",
  "highlight-matching-tag.styles": {
    "opening": {
      "full": {
        "surround": "#bd93f9",
      },
      "left": {
        "surround": "#bd93f9",
      },
      "right": {
        "surround": "#bd93f9",
      },    
      "closing": {
        "surround": "#bd93f9",
      },    
    },
  },

It does the same with any settings be it underline, full etc.

[vincaslt]

Well, your settings works fine for me:

Also:

"closing": {
  "surround": "#bd93f9",
},

is incorrect, as closing style should not be part of opening tag styles, but it is simply ignored. If you don't provide closing at all, the same one is used as for opening, otherwise it should be:

  "highlight-matching-tag.styles": {
    "opening": {
      "full": {
        "surround": "#bd93f9"
      },
      "left": {
        "surround": "#bd93f9"
      },
      "right": {
        "surround": "#bd93f9"
      }
    },
    "closing": {
      "full": {
        "surround": "#bd93f9"
      }
    }
  }

Anyway, it seems like it's some problem with either another extension or other vscode settings. It could also be that the specific code that you're trying to highlight somehow breaks highlighting, which is possible, I could check if you could share it somehow.

[ronilaukkarinen]

Very strange. Disabled all plugins and only enabled this one, and still getting this, when clicking on tag:

My full settings.json file is here.

[ronilaukkarinen]

I fixed this by adding "editor.selectionHighlightBackground": "#2b303c00", (0% opacity) for selected word.