1722459 - Jagged edges on 3D CSS Box Animation

Status: NEW

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

Description

[Gregory Pappas [:gregp]]

Attachment: comparison.png

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

Steps to reproduce:

1. Navigate to https://eminqasimov.github.io/3d-box-css/
2. Select "small"

Archive for future use if page changes: https://web.archive.org/web/20210727074033/https://eminqasimov.github.io/3d-box-css/

Actual results:

Jagged edges

Expected results:

Smooth edges

Comment 1

[Alice0775 White]

Nightly90.0a2 on Windows 10, I can reproduce the issue with WebRender and Direct3D 11 compositor. No issue with Basic compositor.

Comment 2

[Lee Salzman [:lsalzman]]

(In reply to Alice0775 White from comment #1)

Nightly90.0a2 on Windows 10, I can reproduce the issue with WebRender and Direct3D 11 compositor. No issue with Basic compositor.

To clarify, this happens without WebRender as well, when using the Direct3D compositor?

Comment 3

[Alice0775 White]

(In reply to Lee Salzman [:lsalzman] from comment #2)

(In reply to Alice0775 White from comment #1)

Nightly90.0a2 on Windows 10, I can reproduce the issue with WebRender and Direct3D 11 compositor. No issue with Basic compositor.

To clarify, this happens without WebRender as well, when using the Direct3D compositor?

Yes. Reproduced:
WebRender,
WebRender (Software D3D11),
Direct3D 11

Not occur:
Basic