Indentation is incorrect for HTML5 void tag <source>

[TrevorPT]

Hello, I think I came across a bug in 1.5.4 (also present in 1.5.5): indentation is incorrect for HTML5 void tag <source> used with <audio> and <video>.

Input:

<video poster="big_buck_bunny_trailer_480p.jpg" controls="controls" width="150" height="85">
<source src="big_buck_bunny_trailer_iphone.m4v" type="video/x-m4v">
<source src="big_buck_bunny_trailer_480p_baseline.mp4" type="video/mp4">
<source src="big_buck_bunny_trailer_480p.webm" type="video/webm">
<source src="big_buck_bunny_trailer_400p.ogv" type="video/ogg">
</video>

Output:

<video poster="big_buck_bunny_trailer_480p.jpg" controls="controls" width="150" height="85">
  <source src="big_buck_bunny_trailer_iphone.m4v" type="video/x-m4v">
    <source src="big_buck_bunny_trailer_480p_baseline.mp4" type="video/mp4">
      <source src="big_buck_bunny_trailer_480p.webm" type="video/webm">
        <source src="big_buck_bunny_trailer_400p.ogv" type="video/ogg">
</video>

Expected:

<video poster="big_buck_bunny_trailer_480p.jpg" controls="controls" width="150" height="85">
  <source src="big_buck_bunny_trailer_iphone.m4v" type="video/x-m4v">
  <source src="big_buck_bunny_trailer_480p_baseline.mp4" type="video/mp4">
  <source src="big_buck_bunny_trailer_480p.webm" type="video/webm">
  <source src="big_buck_bunny_trailer_400p.ogv" type="video/ogg">
</video>

The indentation is correct if the <source> tags are closed using /> but I believe (someone correct me if I'm wrong) that <source ...> is valid HTML5 without the closing />.

Here are the options I am using:

{
  indent_inner_html: false,
  indent_size: 2,
  indent_char: ' ',
  brace_style: 'collapse',
  indent_scripts: 'normal',
  wrap_line_length: 0,
  preserve_newlines: true,
  max_preserve_newlines: 10,
  unformatted: '',
  end_with_newline: true
}

Thanks.

[bitwiseman]

😱 It is 2015, and html still can't go ahead and be valid xhtml. 😭

[TrevorPT]

Haha, yeah, they just couldn't take HTML5 that next step. Thanks very much.

[50l3r]

I have this issue in VSCode 1.32.3

I only can find a fix, adding video tag to unformated tags:

"html.format.contentUnformatted": "video"

[bitwiseman]

Hm, this doesn't happen on beautifier.io. Not sure why you're seeing this.

Output:

<div>
    <video poster="big_buck_bunny_trailer_480p.jpg" controls="controls" width="150" height="85">
        <source src="big_buck_bunny_trailer_iphone.m4v" type="video/x-m4v">
        <source src=" big_buck_bunny_trailer_480p_baseline.mp4" type="video/mp4">
        <source src="big_buck_bunny_trailer_480p.webm" type="video/webm">
        <source src="big_buck_bunny_trailer_400p.ogv" type="video/ogg">
    </video>
</div>