css transform with z-index jitters
Categories
(Core :: Graphics: Layers, defect, P3)
Tracking
()
People
(Reporter: ryu.decade.555, Unassigned)
References
Details
Attachments
(1 file, 3 obsolete files)
(deleted),
text/html
|
Details |
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:75.0) Gecko/20100101 Firefox/75.0
Steps to reproduce:
I can reproduce the steps by following these steps:
- Start Firefox
- Open the attachment (transform.html) that contains the bug.
- Press Ctrl+Shift+M to open Responsive Design Mode, and to clearly see the error
- Click the first dropdown (hamburger icon), which unravel other links
- Click the "dropdown" link, which contains another dropdown items.
- Make sure you look at the bottom of the main navigation then close the "dropdown" link to see the bug.
When the second dropdown is minimizing, called dropdown, it will ignore the z-index for a second then go back to its style when the animation is done.
Here is a video capture of the problem: https://streamable.com/0bbmjy
Actual results:
The dropdown will ignore the z-index for a split second that causes it to jitter.
Expected results:
It shouldn't jitter and should respect z-index of the element.
Reporter | ||
Comment 1•5 years ago
|
||
If you still can't see the problem, here is the link to the codepen: https://codepen.io/Supersudo/pen/PoPweJL
This is much obvious than the first one.
- Open the link to the pen.
- Rerun the code by pressing "Run"
- Repeatedly open and close the dropdown called "dropdown".
Reporter | ||
Comment 2•5 years ago
|
||
Reporter | ||
Comment 3•5 years ago
|
||
Reporter | ||
Updated•5 years ago
|
Reporter | ||
Updated•5 years ago
|
Comment 4•5 years ago
|
||
I can repro only with WebRender disabled.
Reporter | ||
Comment 5•5 years ago
|
||
(In reply to Emilio Cobos Álvarez (:emilio) from comment #4)
I can repro only with WebRender disabled.
Oh, I forgot to mention about WebRender. I'm sorry.
WR is disabled by default though. Is that the expected result when WR is disabled?
Comment 6•5 years ago
|
||
Probably not, but that just means that this is not a CSS bug, but a graphics bug.
Reporter | ||
Comment 7•5 years ago
|
||
Huh, it might be.
Updated•5 years ago
|
Comment 8•5 years ago
|
||
Change the status for beta to have the same as nightly and release.
For more information, please visit auto_nag documentation.
Reporter | ||
Comment 9•5 years ago
|
||
I don't actually know how to do the "auto_nag".
Comment 10•5 years ago
|
||
Hey Ryu, this isn't very clear indeed. This is just an automation bot that changed some tracking flags, no action to take here.
Reporter | ||
Comment 11•5 years ago
|
||
(In reply to Kris Taeleman (:ktaeleman) from comment #10)
Hey Ryu, this isn't very clear indeed. This is just an automation bot that changed some tracking flags, no action to take here.
Oh okay, thanks!
Comment 12•5 years ago
|
||
Because this bug's Severity has not been changed from the default since it was filed, and it's Priority is P3
(Backlog,) indicating it has been triaged, the bug's Severity is being updated to S3
(normal.)
Comment hidden (offtopic) |
Comment hidden (offtopic) |
Comment 15•3 years ago
|
||
(Emilio Cobos Álvarez (:emilio) from comment #4)
I can repro only with WebRender disabled.
Description
•