191696 2018-11-15 09:14:43 -0800 Getting the inferred background-repeat-[xy] values returns the shorthand background-repeat value 2022-07-01 16:28:01 -0700 1 1 1 Unclassified WebKit CSS Safari 12 Mac macOS 10.13 RESOLVED WONTFIX P2 Normal --- 1 bendean837 webkit-unassigned bfulgham simon.fraser oldest_to_newest 1478940 0 354945 bendean837 2018-11-15 09:14:43 -0800 Created attachment 354945 Illustration / reproduction I can reproduce this bug on Chrome as well as Safari -- though not Firefox, which doesn't seem to support background-repeat-x or background-repeat-y. Code to reproduce: > var div = document.createElement("div"); > div.style = "background-repeat: no-repeat, repeat"; > console.log(div.style.backgroundRepeatX); > console.log(div.style.backgroundRepeatY); Expected > "no-repeat" > "repeat" Actual: > "no-repeat, repeat" > "no-repeat, repeat" Also see the attached html file. Thanks! 1478945 1 bendean837 2018-11-15 09:22:36 -0800 This bug is tracked for Chrome at http://crbug.com/905707 1880261 2 bfulgham 2022-07-01 16:28:01 -0700 Chrome closed their bug in 2020 as Behaves Correctly: """ it is wrong usage to add "," between two values. according to spec, <repeat-style> = repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2} https://drafts.csswg.org/css-backgrounds-3/#background-repeat. so i think it should be like below div.style = "background-repeat: no-repeat repeat"; // without comma """ So we will take the same approach. 354945 2018-11-15 09:14:43 -0800 2018-11-15 09:14:43 -0800 Illustration / reproduction background-repeat-bug.html text/html 1069 bendean837 PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPjwvaGVhZD4KICA8Ym9keSBzdHlsZT0ibWF4 LXdpZHRoOiA2MDBweCI+Ck9uIENocm9tZSBhbmQgU2FmYXJpLCBidXQgbm90IEZpcmVmb3gsIHRo ZSA8Y29kZT5iYWNrZ3JvdW5kLXJlcGVhdC14PC9jb2RlPiBhbmQgPGNvZGU+YmFja2dyb3VuZC1y ZXBlYXQteTwvY29kZT4gQ1NTT00gdmFsdWVzIGFyZSBzZXQgdG8gPGNvZGU+YmFja2dyb3VuZC1y ZXBlYXQ8L2NvZGU+J3MgdmFsdWUuCiAgICA8aDI+U2hvcnRoYW5kIHN0eWxlPC9oMj4KICAgIDxw cmUgaWQ9InN0eWxlIj4KYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdCwgcmVwZWF0CiAgICA8 L3ByZT4KICAgIDxoMj5FeHBhbmRlZCAtIGV4cGVjdGVkPC9oMj4KICAgIDxwcmUgaWQ9ImV4cGVj dGVkIj4KYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdCwgcmVwZWF0CiAgICA8L3ByZT4KICAg IDxoMz5vcjwvaDM+CiAgICA8cHJlIGlkPSJleHBlY3RlZCI+CmJhY2tncm91bmQtcmVwZWF0LXg6 IG5vLXJlcGVhdDsKYmFja2dyb3VuZC1yZXBlYXQteTogcmVwZWF0OwogICAgPC9wcmU+CiAgICA8 aDI+RXhwYW5kZWQgLSBhY3R1YWw8L2gyPgogICAgPHByZSBpZD0iYWN0dWFsIj48L3ByZT4KICAg IDxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij4KICAgICB2YXIgZGl2ID0gZG9jdW1lbnQu Y3JlYXRlRWxlbWVudCgiZGl2Iik7CiAgICAgZGl2LnN0eWxlID0gZG9jdW1lbnQuZ2V0RWxlbWVu dEJ5SWQoInN0eWxlIikudGV4dENvbnRlbnQ7CgogICAgIHZhciBleHBhbmRlZCA9ICIiOwogICAg IGZvciAodmFyIGkgPSAwOyBpIDwgZGl2LnN0eWxlLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgIHZh ciBwcm9wZXJ0eSA9IGRpdi5zdHlsZVtpXTsKICAgICAgICAgZXhwYW5kZWQgKz0gcHJvcGVydHkg KyAnOiAnICsgZGl2LnN0eWxlLmdldFByb3BlcnR5VmFsdWUocHJvcGVydHkpICsgIjtcbiI7CiAg ICAgfQogICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJhY3R1YWwiKS50ZXh0Q29udGVudCA9 IGV4cGFuZGVkOwogICAgPC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==