Multiple transform CSS
Categories
(Core :: Graphics: WebRender, defect)
Tracking
()
Tracking | Status | |
---|---|---|
firefox-esr78 | --- | wontfix |
firefox88 | --- | wontfix |
firefox89 | --- | wontfix |
firefox90 | --- | fix-optional |
People
(Reporter: gabor, Unassigned)
References
(Blocks 1 open bug, Regression)
Details
(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:
https://smartslider3.com/bugs/firefox/perspective1/
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:
*{
perspective:none!important;
}
Or you can compare to Chrome too.
Comment 1•3 years ago
|
||
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.
Comment 2•3 years ago
|
||
Disabling WebRender fixes the issue on Nightly90.0a1 Windows10.
Comment 3•3 years ago
|
||
Updated•3 years ago
|
Comment 4•3 years ago
|
||
Gabor, is this issue important for your website, or just happens to be something you noticed?
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.
Updated•3 years ago
|
Description
•