custom 'html' tags are in red color

[aeschli]

From @VladimirAmiorkov on August 15, 2018 12:24

• VSCode Version: 1.26.0 (1.26.0)
• OS Version: macOS High Sierra 10.13.6 (17G65)

Steps to Reproduce:

1. Download [this](url
   https://github.com/telerik/nativescript-ui-samples-angular/blob/master/listview/app/examples/getting-started/listview-getting-started.component.html) html file or create one with "invalid" html tags
2. Open it in the latest version of Vs Code
3. The GridLayout, RadListView and StackLayout are coloured bright red as shown in the screenshot bellow

Does this issue occur when all extensions are disabled?: Yes

I see that this is probably an new feature that has been added to show "invalid" html tags as red but in our realm we are developing NativeScript with Angular which includes the creation of our custom html tags which are not part of the standard html tags. Can this be disabled or changed in any way, those tag where not coloured in bright red in the previous version, only in 1.26.0.

Copied from original issue: microsoft/vscode#56467

[aeschli]

The coloring of 'invalid' elements makes the grammar very hard to use for HTML-derivatives. I'd vote to remove that enhancement again.

[EmandM]

It would be nice to at least have a setting to turn this off, it makes development a lot harder than is necessary.

[darkyelox]

It's very annoying see those tags in red color in my NativeScript templates

[Redsmith24]

Can anybody please remove this enhancement or can anybody tell me how to remove by myself? Can I edit a specific file in the bundle to remove this?

[jnorkus]

This "feature" is a pain to my eyes! Please add a setting.

[infininight]

So what I'm looking at doing to correct this is to add a secondary grammar called "HTML (Derivative)" which allows for any tag name. This maintains the integrity of the proper HTML grammar while allowing for template cases where the tag rules are relaxed.

[infininight]

This has now been added. The new grammar is exactly the same as the HTML grammar but with the removal of the invalid tag handling. The new tag scoping is retained with a new scope for all tags that would not be valid in a pure HTML context.

Unsure if this will get picked up automatically in the next VSCode release or if it will need special handling perhaps @aeschli can talk to that part.

[AndreVanKammen]

is still red, i had to read through 3 closed tickets to get to somewhere I can post that because the original was closed: https://github.com/microsoft/vscode/issues/59947 Thanks for wasting a lot of my time to find stuff like this because issues is getting real messy. It won't take long before people just stop bothering to report this stuff.

And center is not an invalid tag, just obsolete. But it's just easier to use than adding a style to a div that does the same so it will never go away

[LinuxLikeUnix]

Was this ever fixed three years ago?

My <center> tags are still red.

[M-Valentino]

My center tags are still red too.

[UKhira]

I had to face this issue with <center> tag today. Thought it was syntax error at first. then I recheck, googled and does everything as possible to make it correct. then finally met up with this thumbnail.

This really is an eyesore.

[GadoGadoEnjoyer]

so,,,, any fixing yet?

[programORdie2]

Stil red...

[Pyonchi]

<center> tag is still red.

[programORdie2]

It's because the <center> tag is deprecated.
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

[Pyonchi]

It's because the <center> tag is deprecated. See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

Oh, thanks for pointing it out, I didn't know about this. I'm still fairly new to HTML/CSS as a whole.