1839086 - CSS transformed perspective with border-radius renders incorrectly on https://nft.reddit.com/

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[Gregory Pappas [:gregp]]

Attachment: comparison.png

Steps to reproduce:

1. Navigate to https://nft.reddit.com/#recently-sold
2. Hover your cursor over the cards

Actual results:
Corners do not render correctly

Expected results:
Corners render correctly

Comment 1

[Gregory Pappas [:gregp]]

Attachment: reduced.html

Comment 2

[Gregory Pappas [:gregp]]

Attachment: reduced_more.html

Comment 3

[Blake]

mozregression:
Last known good build: 2020-12-12
First known bad build: 2020-12-13

app_name: firefox
build_date: 2020-12-13
build_type: nightly
build_url: https://archive.mozilla.org/pub/firefox/nightly/2020/12/2020-12-13-21-37-52-mozilla-central/firefox-85.0a1.en-US.win64.zip
changeset: 6567bdeb3c1e97a75f12fd72d92a6fb4a2cfcc91
pushlog_url: https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=1130661c79c222fb1acd29b7ec5dc5202cdd0d2d&tochange=6567bdeb3c1e97a75f12fd72d92a6fb4a2cfcc91
repo_name: mozilla-central
repo_url: https://hg.mozilla.org/mozilla-central

Comment 4

[Gregory Pappas [:gregp]]

Attachment: reduced_more.html

At some point, reduced_more.html started working correctly. Here's an updated one that still reproduces the bug.