Skip to content
This repository has been archived by the owner on Apr 2, 2019. It is now read-only.

Noticeable flicker on Safari #16

Closed
gschrader opened this issue Oct 19, 2013 · 6 comments
Closed

Noticeable flicker on Safari #16

gschrader opened this issue Oct 19, 2013 · 6 comments

Comments

@gschrader
Copy link

Works great on Chrome but I noticed bad flicker of the whole page right when the digits stop spinning on both desktop and iOS Safari. Not sure I've explained this well enough, let me know if you need more information.

@gschrader
Copy link
Author

I tried to capture the behaviour:

odometer

@zackbloom
Copy link
Contributor

From your excellent video it's clear that the problem is that safari is moving the rendering layer from the GPU to the CPU when the animation finishes. We can force it to remain on the GPU, but first I'd like to be able to reproduce it. What version of iOS is this?

@adamschwartz
Copy link
Contributor

-webkit-transform: translateZ(0) FTW?

@zackbloom
Copy link
Contributor

That would probably work, but I'd rather not force the entire page onto GPU for the entire life of the page. Maybe we can only do it in that version of iOS.

@gschrader
Copy link
Author

The video was desktop Safari 6.0.5/OS X 10.8.5, I just tried it again on iOS and it seems fine now, version 7.0.2, not sure if anything has changed since I tried it last.

@adamschwartz
Copy link
Contributor

This should be all set.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants