2058843 - Border corners with border-radius of element not rendered correctly when it has a huge height

Status: RESOLVED DUPLICATE of bug 2055902

(Core :: Layout, defect)

Description

[Jan N]

Attachment: ff_dev_154_borderbug.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:154.0) Gecko/20100101 Firefox/154.0

Steps to reproduce:

Open any website containing a very hight element that uses a border alongside with border-radius

border: 1px solid #bebebe;
border-radius: 4px;
height: 22000px;

The problem exists in Firefox Developer Edition 154.0b3, but not in Firefox 153.0.1.

Actual results:

The border's corners are not rendered correctly: Top right and bottom left corner are not rendered at all; top left and bottom right corner are rendered as a filled square. It gets better or worse depending of the element's height.

Expected results:

A perfectly rounded border should be displayed which does not depend on the element's height.

Comment 1

[BugBot [:suhaib / :marco]]

The Bugbug bot thinks this bug should belong to the 'Core::Graphics: WebRender' component, but is not confident enough to move the bug to that component.

Comment 2

[Emilio Cobos Álvarez [:emilio]]

data:text/html,<div style="border: 1px solid grey; border-radius: 4px; height: 22000px; width: 100px"> renders fine here, but wrong in 154 nightly at least. Seems this was fixed by bug 2055902.