This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Bhaskar Ravi
Posted Nov 04 - Read on Facebook

Hi Framer community. First post :-)

I recently decided to give Framer a go, attempting to recreate Periscope's chat as a way to learn the ins and outs of the platform. I have a hacky solution up and running, with one issue -- when I switch away from the prototype, and then switch back to the prototype, the chat animations break. This happens whether I'm viewing the prototype in a web browser, or in Framer Studio. So for example, if I have the prototype open in one tab, and then switch to another tab / window / space for a few seconds, and then switch back to the prototype's tab, the animations go out of sync.

I'm curious to understand why this is the case? Obviously if the prototype is refreshed, things work as expected.

I've attached a link to the proto here:

Any help is appreciated. Thanks!


Jonas Treub

They get out of sync because there is not a single truth (timeline) in charge of all animations. You could fix this by having a single recursive and delayed function which animates all visible elements.

Bhaskar Ravi

Thanks Jonas. Separating the animations seems like the cleanest way to do this, and that would obviously remove sync issues related to each individual chats movements. Perhaps it's my lack of knowledge when it comes to Framer / web tech, but why does this issue only present itself when switching off the prototype window?

Jonas Treub

When the prototype is either running in the background or for a long time the different animations get out of sync because the computer gives them less priority and starts dropping frames and or notifications. Using a single timeline these drops are still there but less noticeable because everything will still be in sync.

Read the entire post on Facebook