Double escaping of ssrNode in style attribute values

[kamilic]

Version

2.6.11

Reproduction link

https://github.com/kamilic/vue/tree/style-attr-escaped

Steps to reproduce

You can add this unit test at ./test/ssr/ssr-string.spec.js in Vue project.

it('should not double escape style attribute values', done => {
    renderVmWithOptions({
      template: `
      <div>
        <div style="background: url(https://foo.bar/foo.png) no-repeat center center;\nbackground-size: cover;"></div>
      </div>
      `
    }, result => {
      expect(result).toContain(`<div style="background: url(https://foo.bar/foo.png) no-repeat center center;background-size: cover;"></div>`)
      done()
    })
  });

or

clone the library and checkout to style-attr-escaped branch and run.

npm run test:ssr

result:

What is expected?

No double escaping of ssrNode in style attribute values

What is actually happening?

style attribute will be escaped.

---

This issues may be related to #7224;
#7224

[kamilic]

I tried to change this line (https://github.com/vuejs/vue/blob/dev/src/server/optimizing-compiler/modules.js#L109) to

return [{ type: RAW, value: ` style=${JSON.stringify(staticStyle.replace(/\n/g, ''))}` }];

It works, but I don't know it whether match expected behavior.

[kamilic]

any reply?????

[gaodeng]

any news?

[kamilic]

any reply??