Transitions on stripe.com site menu are not smooth
Categories
(Firefox :: Untriaged, defect)
Tracking
()
People
(Reporter: gregp, Unassigned)
Details
User Agent: Mozilla/5.0 (X11; Fedora; Linux x86_64; rv:97.0) Gecko/20100101 Firefox/97.0
Steps to reproduce:
Visit stripe.com
Hover site menu items like "Products", "Use Cases", etc.
Actual results:
Transitions are not very smooth, especially the width ones. It is especially noticeable when you rapidly move your cursor across the list.
Expected results:
The transitions should be smooth.
Profile attached
https://share.firefox.dev/3vyeL3G
This seems to be another victim of will-change. When I uncheck all the will-changes I can find in devtools and add some contain:layout instead, this becomes a LOT better. The width transitions still look pretty bad, but the actual content looks of the menus looks great.
|
Reporter | |
Comment 1•3 years ago
|
||
I'm not sure how it happened but I submitted this twice, sorry everyone :(
Description
•