795820 - visual tearing on pages with large animating 3d transform

Status: RESOLVED WORKSFORME

(Core :: CSS Parsing and Computation, defect)

Description

[henryfhchan]

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:18.0) Gecko/18.0 Firefox/18.0
Build ID: 20120928030544

Steps to reproduce:

Navigate to jsecs.org


Actual results:

The slides in the front slideshow jumps up and down when animating between slides.


Expected results:

It should animate smoothly, like on Google Chrome and in past revisions of Firefox

Comment 1

[cnorris]

I have been unable to reproduce the animation tearing. Have you tried testing with the latest nightly build from nightly.mozilla.org?

Comment 2

[henryfhchan]

I'm using Nightly 28/9.  It has existed for at least a few weeks.
Tested on a New Profile and also a new installation. Safe mode too. Still exhibits jerky behavior.  Turning off Hardware Accel does not fix the problem.

(Screen Cap fails to get a high enough framerate to see it, any software suggestions?)

Comment 3

[henryfhchan]

Attachment: ScreenCap (slowed)

Example (I slowed the transition from 0.8s to 5.8s).
Sorry for the bad video quality, but it shows the tearing nevertheless.

Comment 4

[Ioana (away)]

WFM with the 10/02 Nightly.

Henry, please try to reproduce this issue on the latest Nightly.

Comment 5

[henryfhchan]

reproducible 18.0a1 (2012-10-05)

Comment 6

[henryfhchan]

Attachment: Screen Capture of slowed animation

Using CSS  (transition: transform 2.8s, opacity 2.8s)

Comment 7

[Ioana (away)]

Henry, please post here the Graphics information in about:support.

Comment 8

[henryfhchan]

  Application Basics

        Name
        Firefox

        Version
        19.0a1

        User Agent
        Mozilla/5.0 (Windows NT 6.1; rv:19.0) Gecko/19.0 Firefox/19.0

  Graphics

        Adapter Description
        ATI Radeon HD 5450

        Adapter Drivers
        aticfx32 aticfx32 aticfx32 atiumdag atidxx32 atiumdva

        Adapter RAM
        512

        ClearType Parameters
        Gamma: 3100 Pixel Structure: RGB ClearType Level: 100 Enhanced Contrast: 400

        Device ID
        0x68f9

        Direct2D Enabled
        Blocked for your graphics driver version.

        DirectWrite Enabled
        false (6.1.7601.17789)

        Driver Date
        7-27-2012

        Driver Version
        8.982.0.0

        GPU #2 Active
        false

        GPU Accelerated Windows
        0/1 Basic Blocked for your graphics driver version.

        Vendor ID
        0x1002

        WebGL Renderer
        no information

        AzureCanvasBackend
        cairo

        AzureContentBackend
        none

        AzureFallbackCanvasBackend
        none

  JavaScript

        Incremental GC
        true

  Accessibility

        Activated
        false

        Prevent Accessibility
        0

  Library Versions

        Expected minimum version

        Version in use

        NSPR
        4.9.3 Beta
        4.9.3 Beta

        NSS
        3.14.0.0 Basic ECC Beta
        3.14.0.0 Basic ECC Beta

        NSSSMIME
        3.14.0.0 Basic ECC Beta
        3.14.0.0 Basic ECC Beta

        NSSSSL
        3.14.0.0 Basic ECC Beta
        3.14.0.0 Basic ECC Beta

        NSSUTIL
        3.14.0.0 Beta
        3.14.0.0 Beta

Comment 9

[henryfhchan]

"Direct2D Enabled: Blocked for your graphics driver version."
Firefox used to hardware accelerate on my computer.
I don't remember when it started, but I remember not so long ago the text didn't fringe at the edges, esp. fonts like Myriad Pro.

Comment 10

[henryfhchan]

This is suddenly fixed as of latest nightly, 2012-10-21