Bug 191696 – Getting the inferred background-repeat-[xy] values returns the shorthand background-repeat value

• Status: RESOLVED
• Resolution: WONTFIX
• Component: CSS

[Ben Dean]

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!

[Ben Dean]

This bug is tracked for Chrome at http://crbug.com/905707

[Brent Fulgham]

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.