From 761eef9a720b8fb85786ba4dc84805fdcc0d7d48 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Mon, 27 Jun 2022 15:06:50 +1000
Subject: Make transition-on-tree-change less abrupt

---
 src/App.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'src/App.vue')

diff --git a/src/App.vue b/src/App.vue
index 4096ec0..d6c1d7a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -86,7 +86,7 @@ import HelpIcon from './components/icon/HelpIcon.vue';
 import {TolNode, TolMap, Action, UiOptions} from './lib';
 import {LayoutNode, LayoutOptions, LayoutTreeChg} from './layout';
 import {initLayoutTree, initLayoutMap, tryLayout} from './layout';
-import {getServerResponse, getBreakpoint, getScrollBarWidth, arraySum, randWeightedChoice} from './util';
+import {getServerResponse, getBreakpoint, getScrollBarWidth, arraySum, randWeightedChoice, timeout} from './util';
 
 // Type representing auto-mode actions
 type AutoAction = 'move across' | 'move down' | 'move up' | Action;
@@ -730,6 +730,7 @@ export default defineComponent({
 				await this.onDetachedAncestorClick(this.layoutTree);
 			}
 			await this.onNonleafClick(this.layoutTree);
+			await timeout(this.uiOpts.transitionDuration);
 			await this.initTreeFromServer();
 		},
 		onResetSettings(): void {
-- 
cgit v1.2.3

