Formatter: Dangling > and odd formatting for html tags with lengthy / multiple attributes

[ron-shinall]

I'm not sure if the formatting is intentional, but I wanted to document it just in case. Formatting html tags with lengthy and/or multiple attributes produces unexpected results.

Input:

<div class="bg-white border-l-4 shadow-lg rounded-lg p-6 mb-6" role="alert" style="border-left-color: #B9D400; background-color: #F0F8E8;">

Output:

<div
  class="bg-white border-l-4 shadow-lg rounded-lg p-6 mb-6"
  role="alert"
  style="border-left-color: #B9D400; background-color: #F0F8E8;"
>

Expected:

<div class="bg-white border-l-4 shadow-lg rounded-lg p-6 mb-6" role="alert" style="border-left-color: #B9D400; background-color: #F0F8E8;">

...or possibly:

<div class="bg-white border-l-4 shadow-lg rounded-lg p-6 mb-6" role="alert" 
     style="border-left-color: #B9D400; background-color: #F0F8E8;">

[marcoroth]

Hey @ron-shinall, at this current stage this is intentional.

The current style follows the prettier way of formatting long HTML tags: Prettier Playground.

Maybe there's a way how we can improve this or have different styles, but for now this is intentional.

[ron-shinall]

No worries @marcoroth

Thanks again for all your hard work on this!

[andy-rootly]

I discovered there's a limit of 3 attributes, after that they get broken onto one per line. I think it would be good to make that configurable, but let's start by documenting it? #1823