Style values with spaces are not preserved

[ferferga]

Vue version

3.5.17

Link to minimal reproduction

https://play.vuejs.org/#__PROD__eNp9kTFPwzAQhf+KdUuW0g4wRaESlA4wAAJGLyE9Qorjs3yXkKrKf8d2aOmAulnvPd377ryHG+fmfYeQQyHYOlMKLrVVqnAqZ9kZvNawj4JSmSNupCF7UXoss1xl7yRCrWJXBs2YLOZGDcvVJ1Zfqt2pNIFVY9Ud9kJkuFi4ML9YnJTBDIQrsh9NPd8y2cCSGjVU1LrGoH9ysZY15OqXRUPoo++HpInvcHbQq9j9j77lIWoanj0y+h41HD0pfY0y2evXRxzC+2i2tOlMSJ8xX5DJdJFxit12dhOwT3KJ9r515KWx9RuvB0HLh6UiaLpdymsIH7I6s/of7uX8arq5HWH8AfjElvI=

Steps to reproduce

1. Open reproduction and check the styles of the only element that exists.

What is expected?

Style is binded as position-area: bottom span-all

What is actually happening?

Style is binded exactly as position-area: bottom

Any additional comments?

No response

[skirtles-code]

I don't think this is a Vue bug.

Browsers normalize assigned styles and position-area: bottom span-all is considered equivalent to position-area: bottom.

You can see that in this JSFiddle, which doesn't use Vue:

• https://jsfiddle.net/tmnzf7od/

You'll notice a similar thing with other style values. For example, margin: 4px 4px would be converted to margin: 4px, as it's equivalent.

[ferferga]

@skirtles-code I checked the fiddle and the spec and you are right indeed! Sorry for the inconvenience.