Tag function (lit-html) breaks arrow function in multiple lines

I have an oneliner arrow func smaller than printWidth that keeps being breaked in various lines just because of a html lit-html call inside of it.

Prettier 1.16.1 Playground link

Input:

    const result = this.myProp.map(i => html`<li>${this.myMethod(i)}</li>`)

Output:

    const result = this.myProp.map(
      i =>
        html`
          <li>${this.myMethod(i)}</li>
        `
    )

Expected behavior:

    const result = this.myProp.map(i => html`<li>${this.myMethod(i)}</li>`)

[thorn0]

Fixed by https://github.com/prettier/prettier/pull/7208

[jridgewell]

Hitting this as part of AMP HTML’s transition to prettier. Formatting of embedded languages in JS files should be disable-able at a minimum.

This should be given a much higher priority, as this formatting changes the runtime evaluation of the code. This probably means it should be disabled by default.

function html(strings) {
  console.assert(
    strings.join("") === "<div></div>",
    "this will throw because of prettier!"
  );
}

html`<div></div>`;