force-expand-multiline doesn't work as expected

[octref]

Description

force-expand-multiline doesn't work as expected.

Input

The code looked like this before beautification:

<template>
  <div
    class="test"
    @click="test"
  >
    <input
      ref="test"
      v-if="test"
    >
      <div>
        <span>test</span>
      </div>
      </div>
</template>

Expected Output

The code should have looked like this after beautification:

<template>
  <div
    class="test"
    @click="test"
  >
    <input
      ref="test"
      v-if="test"
    >
    <div>
      <span>test</span>
    </div>
  </div>
</template>

Actual Output

The code actually looked like this after beautification:

> html-beautify --version
1.6.12
> html-beautify -f test.html -A "force-expand-multiline"

<template>
  <div
    class="test"
    @click="test"
  >
    <input
      ref="test"
      v-if="test"
    >
      <div>
        <span>test</span>
      </div>
      </div>
</template>%

Steps to Reproduce

Environment

OS: macOS 10.12.4

Settings

> html-beautify -f test.html -A "force-expand-multiline"

Related vuejs/vetur#99

[HADB]

+1

[bitwiseman]

@octref - your input is missing a closing /:

 <input
      ref="test"
      v-if="test"
    >

I assume that is just a typo during bug filing.

[octref]

I thought for self closing tags / is optional.
But even if I add / this still happens.

[bitwiseman]

@octref
You're probably right. I don't know off the top of my head. I mention it only because the input text was different from output (in a non-formatting way).

[octref]

@bitwiseman Right, I fixed that. Sorry for the confusion.

[msmolcic]

What's the status on this one? I'd really love to see this fixed.

[bitwiseman]

@msmolcic - This issue is unassigned. It needs someone to take the time to implement a fix and tests.

[GearoidCollins]

People still getting this issue?
I seem to be getting it with "html.format.wrapAttributes": "force-expand-multiline" on vscode@1.20.1

[diabloevagto]

@GearoidCollins
it still not working on vscode@1.21.1

[luzanovdm]

it still not working on vscode@1.22.2 too

[bitwiseman]

@Predve4niy
This issue is unassigned. It needs someone to take the time to implement a fix and tests.

[JakubKubista]

"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
        "wrap_attributes": "force-expand-multiline",
    },
}

Still doesn't work as expected.

[affanshahid]

+1

[EzioW]

+1

[EzioW]

@bitwiseman have you fixed it ?

[bitwiseman]

@EzioW
This issue is unassigned. It needs someone to take the time to implement a fix and tests.

[bitwiseman]

fixed in 1.7.6