Bug 35189 – css3 background-repeat: excess values are not ignored

• Component: CSS
• Status: RESOLVED CONFIGURATION CHANGED

[Philippe Wittenbergh]

Created attachment 49118 [details]
test case

div {
  background-image: url(myImage.png);
  background-repeat repeat-x, repeat-y;
}

AR: the image is repeated horizontally (one row) and vertically (one column)
ER: the image is only repeated horizontally (one row)
    equivalent to background-repeat-x;

From: http://dev.w3.org/csswg/css3-background/#layering
or    http://www.w3.org/TR/css3-background/#layering
[quote]
The lists are matched up from the first value: excess values at the end are **not** used
[/quote]
(my emphasis)

Gecko 1.9.2 (Firefox 3.6) handles this correctly. Opera 10.5 does the same as WebKit.

[Lea Verou]

This is because Webkit calculates the number of background-layers as the max number of layers, not as the number of layers in background-image. It used to be like that but then the spec changed.

I'm pretty sure there was another bug about this, but I can't find it.

[Philippe Wittenbergh]

Right. Current WebKit build (@r83831) and Chrome dev Channel (12.0.733.0 dev) seem to handle the test case correctly. That is a fairly recent change, I think.

[Ahmad Saleem]

I am unable to reproduce this bug in Safari 15.6 on macOS 12.5 and all browsers renders the page same. I think it was fixed along the way as also pointed out in Comment 02. I think this can be marked as "RESOLVED CONFIGURATION CHANGED". Thanks!