Template/HTML Folding not folding multi line elements properly

[mika76]

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: MacOs
• Vetur version: 0.20.0
• VS Code version:1.33.1

Problem

With the following htm (where attributes have been split over multiple lines and closing bracket is on own line)

<div
    class="someclass"
    style="somestyle"
>
   <div class="inner"></div>
   <div class="inner2"></div>
</div>

When trying to fold/collapse the first div, it does not collapse until it's closing </div> tag but only collapses the opening tag and it's attributes. The rest of the inner tags are still exposed...

Basically it ends up looking like:

<div...
   <div class="inner"></div>
   <div class="inner2"></div>
</div>

In a normal HTML file all the inner tags are also folded and hidden and only the start and end tag are visible. eg:

<div...
</div>

Reproducible Case

Very easy to reproduce. Just split multiple attributes of a tag onto their own lines. Then try and fold that element.

[alensiljak]

The closing ">" is in a separate line.

<div
    class="someclass"
    style="somestyle"
>

If I move it up after the last attribute, the folding works as expected.

<div
    class="someclass"
    style="somestyle">

However, the next doc formatting moves it back into a separate line.

[mika76]

Yeah, prettier too. The thing is that a normal html file does not collapse like this. So all I'm saying is it should be consistent.

[octref]

Vetur now only have indentation based folding: #899 (comment).

This becomes possible after #899.

[mika76]

@octref awesome - can't wait 😊

[mika76]

This is related to #2234 and was fixed in #2244