on direct unmount used display none property for exit

cybersemics · Apr 5, 2020 · 3470495 · 3470495
1 parent 538c3f7
commit 3470495
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/FlatTreeRenderer.js b/src/components/FlatTreeRenderer.js
@@ -80,7 +80,7 @@ const FlatTreeRenderer = ({ cursor }) => {
           const transitionStyles = {
             entering: { opacity: node.isCursorChildren ? 1 : 0, transform: `translateX(${animateIncomingNodeAccToParent ? parentLeft : nodeLeft})` },
             entered: { opacity: node.isDistantThought ? 0.35 : 1, transform: `translateX(${nodeLeft})` },
-            exiting: { opacity: 0, transform: `translateX(${nodeLeft})` },
+            exiting: { transform: `translateX(${nodeLeft})`, ...node.isCursorChildren ? { display: 'none' } : { opacity: 0 } },
           }
 
           // dynamically changing timeout to stop exit animation for some cases