Incorrect HTML formatting with "html.format.indentHandlebars": false

[aeschli]

Here is an extract of HTML (Angular 2) code:

  <app-root>Loading...</app-root>
{{#each scripts.polyfills}}
  <script src="{{.}}"></script>
{{/each}}

After format with"indentHandlebars": false :

  <app-root>Loading...</app-root>
  {{#each scripts.polyfills}}
  <script src="{{.}}"></script> {{/each}}  

instead of :

  <app-root>Loading...</app-root>
{{#each scripts.polyfills}}
  <script src="{{.}}"></script>
{{/each}}

I expect unchanged Angular/handlebar indentation with "indentHandlebars": false

Copied from original issue: microsoft/vscode#8144

[HookyQR]

Has the same cause as #1103.

[bitwiseman]

@aeschli could you show a bit more of your example?
The current output for the input you provided is:

<p>
    <app-root>Loading...</app-root>
    {{#each scripts.polyfills}}
    <script src="{{.}}"></script>
    {{/each}}
</p>

Is that sufficient?

[aeschli]

@pierredewilde Can you help @bitwiseman ?

[pierredewilde]

Yep, the example is sufficient to show the correct output.

Before the fix, the output was

  <app-root>Loading...</app-root>
  {{#each scripts.polyfills}}
  <script src="{{.}}"></script> {{/each}}  

After the fix, the output is

  <app-root>Loading...</app-root>
  {{#each scripts.polyfills}}
  <script src="{{.}}"></script>
  {{/each}}

Ideally, in Visual Studio Code with "html.format.indentHandlebars": false, the output should be untouched

  <app-root>Loading...</app-root>
{{#each scripts.polyfills}}
  <script src="{{.}}"></script>
{{/each}}

but the current fix is OK.

[bitwiseman]

This would now be an enhancement. If we do not indent handlebars, they are treated as content, and then get indented like content. I see how the name could be confusing.