1819487 - border-image-repeat and positioning the first tile before repeating

Status: RESOLVED DUPLICATE of bug 1778032

(Core :: Graphics: WebRender, defect)

Description

[Gérard Talbot]

Info:

Issue 38588: [border-image-slice] If border-image-slice area is too wide or too tall, where begins the painting: left side (Firefox) or centre (Chrome)?
https://github.com/web-platform-tests/wpt/issues/38588

Pull request 38757: Added 2 new border-image-repeat-repeat test and 1 reference
https://github.com/web-platform-tests/wpt/pull/38757

Tests and references:

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/border-image-repeat-repeat-001.html

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/border-image-repeat-repeat-002.html

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/reference/border-image-repeat-repeat-001-ref.html

Excerpts from specifications:

CSS3 Backgrounds, § 5.6 Drawing the Border Image, parg 3 states:
"
Position the first tile.
If the first keyword is repeat, the top, middle, and bottom images are centered horizontally in their respective areas. (...)
If the second keyword is repeat, the left, middle, and right images are centered vertically in their respective areas.
"
https://www.w3.org/TR/css-backgrounds-3/#border-image-process

These tests fail in both Firefox 102.8.0esr and Firefox 112.0a1 buildID=20230228085339 .

These tests pass in Chromium 110.0.5481.177 and Epiphany 3.38.2 (using WebKitGTK 2.38.5) .

+CC: Emilio

testcase keyword added

Comment 1

[Emilio Cobos Álvarez (:emilio)]

Same regression range as bug 1819485.

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Set release status flags based on info from the regressing bug 1409773

:aosmond, since you are the author of the regressor, bug 1409773, could you take a look? Also, could you set the severity field?

For more information, please visit auto_nag documentation.

Comment 3

[Timothy Nikkel (:tnikkel)]

Seems like the same issue as bug 1819485 except for the other regions besides the middle region.

Comment 4

[Daniel Holbert [:dholbert]]

I've included some reduced/interactive testcases in bug 1820659, FWIW.

Also, it looks like bug 1778032 is essentially the same issue; the top-right corner of the screenshots in the initial comment there is essentially the same as the WPT test here.

That may be our original report of this problem

Comment 5

[BugBot [:suhaib / :marco/ :calixte]]

Set release status flags based on info from the regressing bug 1409773

Comment 6

[Gérard Talbot]

WPT test result:
https://wpt.fyi/results/css/css-backgrounds?q=border-image-repeat-repeat-001

Comment 7

[Daniel Holbert [:dholbert]]

(In reply to Gérard Talbot from comment #0)

Tests and references:

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/border-image-repeat-repeat-001.html

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/border-image-repeat-repeat-002.html

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/reference/border-image-repeat-repeat-001-ref.html

These all render the same now (and match the textual description of the pass condition, a big green "+").

(In reply to Gérard Talbot from comment #6)

https://wpt.fyi/results/css/css-backgrounds?q=border-image-repeat-repeat-001

This passes now (though you have to remove Safari and Edge from the chart to see latest results):
https://wpt.fyi/results/css/css-backgrounds?label=master&label=experimental&product=chrome&product=firefox&aligned&q=border-image-repeat-repeat-001

So I think we can consider this fixed and effectively a dupe of bug 1778032.