From 761eef9a720b8fb85786ba4dc84805fdcc0d7d48 Mon Sep 17 00:00:00 2001 From: Terry Truong 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