Open
Bug 949574
Opened 11 years ago
Updated 2 years ago
Jumping text during transition of any element inside container with css transform (rotate/matrix) applied
Categories
(Core :: Layout, defect)
Tracking
()
NEW
People
(Reporter: kontakt, Unassigned)
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:26.0) Gecko/20100101 Firefox/26.0 (Beta/Release)
Build ID: 20131205075310
Steps to reproduce:
Here are examples:
http://codepen.io/anon/pen/FLeyt (with transform: rotate(180deg))
http://codepen.io/anon/pen/EDLuk (with transform: matrix(1, 0, 0, -1, 0, 0))
Box on the left side has applied transformation - rotate() or matrix().
Content inside left box has the same transformation applied to better visualize the problem, but it's not needed to reproduce bug.
Press start to see what happens during animation.
Actual results:
When red square is being animated then the text inside left box jumps on the beginning and the end of the animation, and also loses it's quality.
Expected results:
There should be no text movement and quality degradation during animation.
Comment 1•9 years ago
|
||
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:46.0) Gecko/20100101 Firefox/46.0
Build ID: 20160108030334
I can confirm that the behavior described above is reproducible on the latest Nightly 46.0a2.
Status: UNCONFIRMED → NEW
Component: Untriaged → Layout
Ever confirmed: true
Product: Firefox → Core
Version: 26 Branch → Trunk
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•