HTML tags are indented wrongly when attributes are present

[astronomersiva]

Input

The code looked like this before beautification:

<div class="hello">
<p>hello</p>
</div>

Expected Output

The code should have looked like this after beautification:

<div class="hello">
    <p>hello</p>
</div>

Actual Output

The code actually looked like this after beautification:

<div
  class="hello">
  <p>hello</p>
  </div>

[bitwiseman]

@astronomersiva
What settings are you using?

[astronomersiva]

I'm running this with the CLI as

js-beautify -r -s=2 --wrap_line_length=2 --type=html fileName

The same issue is applicable for handlebars as well(with and without the --indent_handlebars flag).

<div
  class="hello">
  {{world}}
  </div>

[bitwiseman]

Which version of js-beautify? This looks to be fixed in the latest RC (npm install -g js-beautify@next).

[astronomersiva]

@bitwiseman , thanks a ton for the quick response. Yes, this is fixed in the latest release. Thanks for the great work :)