Color theme breaks in .TS files if HTML contains tags that do not require closing

[aeschli]

From @Nikki1993 on October 11, 2016 8:1

• VSCode Version: 1.6
• OS Version: 10.12

Steps to Reproduce:

1. Setup an Angular 2.0 project
2. In the template add hr tag.
3. Watch as no theme color applied unless break is added to the ending of hr tag which is not required

Non-working color with hr tag as it is http://d.pr/i/auGg

Working color with hr tag closed/removed https://d.pr/RG9c#

Default or custom theme, both break.

Copied from original issue: microsoft/vscode#13478

[aeschli]

@Nikki1993 Can you add the code snippet that shows the problem?

[sheetalkamat]

@Nikki1993 this doesn't look like TypeScript grammar issue. We do not scope out the template strings from angular into html syntax. Do you have any other extensions installed?

[Nikki1993]

@aeschli @sheetalkamat

Issue has been fixed by removing the atom javascript extension and downloading latest beta https://marketplace.visualstudio.com/items?itemName=ms-vscode.typescript-javascript-grammar

Everything works as intended now. Thank you!

P.S. would be nice if you could take a look at this as well, microsoft/vscode#13414