Attribute order from source is not preserved upon rendering

[DamianEdwards]

This is annoying. The attributes for elements with Tag Helpers defined do not have their order preserved from the source CSHTML. They appear to be rendered in alphabetical order instead.

<input type="submit" value="Log in" class="btn btn-default" />
becomes
<input class="btn btn-default" type="submit" Value="Log in" />

[dougbu]

@DamianEdwards this issue is more narrow than described and cannot be fixed in this repo. Suggest we close this issue and open one in the MVC repo. The new issue would be about not binding HTML attributes the MVC tag helpers need to read. Instead InputTagHelper and friends would read HTML attribute values from the TagHelperOutput. Agreed?

Details:
The case you described involves the type and value attributes. These are bound in InputTagHelper and they get reordered because InputTagHelper adds them to the TagHelperOutput in its preferred order. Other MVC tag helpers read (then pass along) HTML attributes in the same fashion.

Attributes that are not bound appear in the output in their original order. For example

<div validation-summary="All" style="color:blue" id="validation_day" class="form-group">
  <span style="color:red">This is my message</span>
</div>

results in the following output

<div style="color:blue" id="validation_day" class="form-group validation-summary-valid" data-valmsg-summary="true">
  <span style="color:red">This is my message</span>
  <ul><li style="display:none"></li>
  </ul>
</div>