949995 - rendering glitches with css transforms and canvas

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[felix.hageloh]

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:

Check out this fiddle: http://jsfiddle.net/3YFJ4/2/
After the images load, click anywhere in the result window to toggle scaling.

(The example is somewhat contrived, but I found all steps to be necessary to reproduce the bug)


Actual results:

During the scale animation, images (i.e. the canvas elements) flicker in and out and often remain invisible when the animation finishes. This depends a bit on the window size. Resizing the window will cause all images to re-appear again.


Expected results:

Images should not become invisible after the animation nor flicker during the animation.

Comment 1

[felix.hageloh]

I created this fiddle to reproduce a rendering glitch that started happening in our app since the upgrade to version 23 or 24. Unfortunately, I wasn't able to reproduce it 100% but found a similar glitch, which might be related (which is the one reported here).

In the original issue, images don't disappear completely. Instead, tiled regions of the image appear to be overlaid with white (or become transparent over a white background - hard to say which)

Comment 2

[Timothy Nikkel (:tnikkel)]

Testcase seemed to look okay for me when I tried to reproduce.

Comment 3

[felix.hageloh]

It seems to be fixed in version 29 and potentially earlier. I am not able to reproduce it anymore either.