1795835 - Combining border-radius, dashed borders and solid border creates ugly notch in corner

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[simon]

Attachment: border-corner.png

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:104.0) Gecko/20100101 Firefox/104.0

Steps to reproduce:

I mixed border styles on an element with rounded corners. The problem doesn't seem to happen without rounded corners.

Example:

<div style="
    height: 100px;
    width: 500px;
    background: gray;
    border-radius: 10px;
    border: 1px black dashed;
    border-left: 30px blue solid;">
</div>

Actual results:

The bottom-left corner has an ugly "notch" that doesn't seem to fit the description of either border-style.

Expected results:

The rendered result should have had predictable corners, without ugly notch in the corner.

Comment 1

[simon]

I think I added this to the wrong component. Should probably be in Core. I couldn't really understand under which component the border logic falls under though. Maybe "Layout"?. Sorry for not knowing better, please move to wherever appropriate. <3

Comment 2

[Mayank Bansal]

Regression : https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=8d6972b0b89b1303dbcfb566e16b1144303af83e&tochange=6567bdeb3c1e97a75f12fd72d92a6fb4a2cfcc91

Which is where my machine would get Webrender (in sw-wr form).

Comment 3

[Mayank Bansal]

Attachment: Reporters testcase

Comment 4

[Jim Mathies [:jimm]]

Reproducible on Windows with acceleration. Rendering quality issue with WR. No issue in Chrome.

Comment 5

[Jim Mathies [:jimm]]

Feel free to update the severity. Not sure this qualifies as S2.