New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 662408 link

Starred by 2 users

Issue metadata

Status: WontFix
Owner: ----
Closed: Nov 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

canvas glitches flicker

Reported by i...@buzzradar.com, Nov 4 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.87 Safari/537.36

Steps to reproduce the problem:
1. visit http://insights.buzzradar.com/preview/IDEKKVPE
2. after the views have loaded, click on "LATEST PHOTOS" to zoom into that view
3. see canvas images animating across the screen, eventually the green background image will partially black out with weird glitches/flicker

What is the expected behavior?
No flicker/glitches on the background canvas image

What went wrong?
Flicker/glitches on the background canvas image

Did this work before? Yes  Mac - Chrome 53

Chrome version: 54.0.2840.87  Channel: stable
OS Version: OS X 10.12.1
Flash Version: Shockwave Flash 23.0 r0

Browsers tested:

 Mac - Chrome 54: FAIL

 Mac - Safari 10.0.1: OK
 Mac - Firefox 47: OK
 Mac - Opera 41: OK
 Mac - Canary 56: OK

 PC - Edge 14: OK
 PC - Chrome 54: OK
 PC - Firefox 47: OK
 

Comment 1 by kochi@chromium.org, Nov 7 2016

Cc: kochi@chromium.org
Components: -Blink Blink>Canvas
Labels: Needs-Feedback
immo@ could you post Chrome 54's screenshot when the problem (blackout) occurs?

I tried on a Mac (same version - 54.0.2840.87 on OSX 10.12) but
while "Latest PHOTOS" zoomed, I didn't see any black out or
weird glitches/flicker. After a while, it went back to the original view.

Comment 2 by i...@buzzradar.com, Nov 7 2016

Thanks for checking this out, I sill get those, OSX Version 54.0.2840.87 (64-bit).

We've tried on several macs and this seems to be a common issue on those with glitches on animating canvas elements.

I have closed in figuring out what triggers those glitches, when I get it to zoom into one pane, I fade the other panes to 0 opacity. When setting opacity to 0.00001 instead of 0, the glitches don't seem to appear anymore. So for some reason it doesn't like animating canvas elements fading to alpha 0.
problem.png
153 KB View Download

Comment 3 by i...@buzzradar.com, Nov 7 2016

Here is another interesting looking background image glitch.

I've set up a test folder for this with the problematic version as I am going to push a new version to our live server with alpha set to 0.00001 instead of 0 which seems to resolve the issue.

http://www.buzzradar.com/test/STAGING/chrometest/


glitch.png
462 KB View Download
Labels: -Needs-Feedback

Comment 5 by i...@buzzradar.com, Nov 7 2016

I am not sure if this one is related, used to work fine also, using D3 to animate SVG elements.

Works fine on:
Chrome PC
Canary MAC
And all other major browsers

Stopped working on Chrome MAC, now the background flickers every now and then when animating the pie charts:
http://www.buzzradar.com/test/STAGING/chrometest2/


Status: WontFix (was: Unconfirmed)
As it is pointed out, it is working on Canary, so it would have been fixed along the way. So mark this as won't fix.

Sign in to add a comment