From 335cc1154a0f09e68e409417f2c40921690314cc Mon Sep 17 00:00:00 2001 From: Simon Howe Date: Thu, 12 May 2016 13:25:03 +0200 Subject: [PATCH] Smooth fade-out of node-loading message --- client/app/scripts/actions/app-actions.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/client/app/scripts/actions/app-actions.js b/client/app/scripts/actions/app-actions.js index 8ae665651..534391783 100644 --- a/client/app/scripts/actions/app-actions.js +++ b/client/app/scripts/actions/app-actions.js @@ -468,7 +468,12 @@ export function receiveNodeDetails(details) { export function receiveNodesDelta(delta) { return (dispatch, getState) => { - dispatch({ type: ActionTypes.SET_RECEIVED_NODES_DELTA }); + // + // allow css-animation to run smoothly by scheduling it to run on the + // next tick after any potentially expensive canvas re-draws have been + // completed. + // + setTimeout(() => dispatch({ type: ActionTypes.SET_RECEIVED_NODES_DELTA }), 0); if (delta.add || delta.update || delta.remove) { const state = getState();