Replace template string with xxx when formatting

[lsby]

1 Write code:

function f(opt) {
    return  html`
        <div id=${opt.id} style="display: grid; width: ${opt.width}; height: ${opt.height}; grid-template-rows: ${opt.row.join(' ')}; grid-template-columns: ${opt.col.join(' ')}">
    `
}

2 Format code
3 get:

function f(opt) {
    return html`
        <div id=${opt.id}
            style="display: grid; width: xxxxxxxxxxxx; height: xxxxxxxxxxxxx; grid-template-rows: xxxxxxxxxxxxxxxxxxxx; grid-template-columns: xxxxxxxxxxxxxxxxxxxx">
    `
}

Seems to be triggered by the style tag.

[borismus]

Can confirm I'm seeing the same thing.

style="${styleMap({transform})}" is transformed into style="xxxxxxxxxxxxxxxxxxxxxxxx" on save (probably due to auto-format).

[arafath-mk]

Getting this issue while doing auto-formatting. Due to this issue, I had to disable this extension in the VS Code. Can you please consider this as a severe issue?

[KChavdarov]

I am experiencing the same issue, which seems to be triggered by the built in VSC formatter. Changed the default formatter to Beautify and the issue disappears.

[Vac1911]

Same thing here

[IliaIdakiev]

Same here