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)

x86
macOS
defect

Tracking

()

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.
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
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.