1403976 - webrendest: linear-gradient as bg image gets not cut by border-radius

Status: VERIFIED FIXED

(Core :: Graphics: WebRender, defect, P1)

Description

[Darkspirit]

Attachment: wr-testcase.html

Nightly 58 x64 20170928100123 de_DE @ Debian Testing (KDE / Radeon RX480)
gpu-process + layers force accel + webrender (layersfree) + webrendest

The "Notify me" button on https://www.mozilla.org/en-US/firefox/quantum/ does not have rounded corners when webrendest is enabled.

If I set a real image as background in my testcase, I can't reproduce this, so this might be only related to linear-gradient.

Comment 1

[Darkspirit]

Attachment: Screenshot_20170928_173624.png

Comment 2

[Markus Stange [:mstange]]

This seems to have to do with the fact that the gradient is repeated and that it starts at 17%. Adding background-repeat: no-repeat and making it start at 0% fixes it. Probably a bug in webrender itself.

(It's repeated because there is a border, and background-origin is padding-box while background-clip is border-box, so it gets repeated slightly under the border.)

Comment 3

[Markus Stange [:mstange]]

https://github.com/servo/webrender/issues/1770

Comment 4

[Markus Stange [:mstange]]

This is fixed in webrender revision 9ba91c397de9c8fef3b788e6f9af070eeac72a5a and will be picked up by the next webrender update (bug 1405399).

Comment 5

[Darkspirit]

See comment 3 + comment 4.

Comment 6

[Darkspirit]

Verified fixed in Nightly 58 x64 20171005100211 de_DE @ Debian Testing.
gpu process + layers force acccel + webrender + webrendest
attachment 8913254 [details] is now looking like the upper half of attachment 8913256 [details] when webrendest is enabled.