Open Bug 1709090 Opened 3 years ago Updated 3 years ago

Multiple transform CSS


(Core :: Graphics: WebRender, defect)

Firefox 88



Tracking Status
firefox-esr78 --- wontfix
firefox88 --- wontfix
firefox89 --- wontfix
firefox90 --- fix-optional


(Reporter: gabor, Unassigned)


(Blocks 1 open bug, Regression)


(Keywords: regression)

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

Steps to reproduce:

Go here:
and hover over the element.

Actual results:

During a "transform" CSS code created rotation, a weird skewing happens.

This seems to happen, because there are multiple parent elements with "perspective" CSS codes.

Expected results:

There shouldn't be any skewing. The same result should happen, as what happens by adding this CSS code:

Or you can compare to Chrome too.

The Bugbug bot thinks this bug should belong to the 'Core::Web Painting' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Component: Untriaged → Web Painting
Product: Firefox → Core

Disabling WebRender fixes the issue on Nightly90.0a1 Windows10.

Component: Web Painting → Graphics: WebRender
Ever confirmed: true
Severity: -- → S3
Flags: needinfo?(dmalyshau)

Gabor, is this issue important for your website, or just happens to be something you noticed?

Flags: needinfo?(dmalyshau)

We are WordPress plugin developers, so this is rather something that could be important for some of our users, not specifically to us. We were contacted by one user about this issue, and that is why this bug report was opened.

You need to log in before you can comment on or make changes to this bug.