Vscode: HTML Wrap attributes doesn't work

[blackholegalaxy]

On HTML (in our case, Angular Component html), auto formatter (ALT + SHIFT + F on windows) does not wrap attributes to new line even if the param is set to force in settings.

• VSCode Version: 1.11.2
• OS Version: Win 10

Steps to Reproduce:

1. Set "html.format.wrapAttributes": "force" in user settings
2. Create a file with this HTML:

<button class="btn btn-secondary custom-btn" (click)="myGreatAndSuperMethod.show();" title="The very long title of my button" type="button">
   <i class="fa fa-refresh" aria-hidden="true"></i>
</button>

It doesn't wrap attributes. I expected to have:

<button class="btn btn-secondary custom-btn"
  (click)="myGreatAndSuperMethod.show();"
  title="The very long title of my button"
  type="button">
   <i class="fa fa-refresh" aria-hidden="true"></i>
</button>

Worst, if HTML has already wrapped attributes, it replace them on the same line.

Is the setting still used?

[aeschli]

I tried your example in 1.11.2 and I get

<button class="btn btn-secondary custom-btn"
    (click)="myGreatAndSuperMethod.show();"
    title="The very long title of my button"
    type="button">
   <i class="fa fa-refresh" aria-hidden="true"></i>
</button>

Can you start code with code --disable-extensions to see if this is caused by a extension?

Also check if there are any html related settings such as "html.format.enable": false,
"html.format.unformatted" containing 'button' that could cause this.

[ku-kueihsi]

I uninstall extension: Beautify and then "wrapAttributes": "force-aligned" works.

[blackholegalaxy]

Ok, running without extension solved the problem. So I'll try to re-enable them one by one. Thanks for help.