Created attachment 354945 [details] 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!
This bug is tracked for Chrome at http://crbug.com/905707
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.