diff options
Diffstat (limited to 'src/components/TileTree.vue')
| -rw-r--r-- | src/components/TileTree.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue index 65201c5..68e180d 100644 --- a/src/components/TileTree.vue +++ b/src/components/TileTree.vue @@ -20,6 +20,7 @@ export default { tree: this.initTree(tol, 1), width: document.documentElement.clientWidth, height: document.documentElement.clientHeight, + resizeThrottled: false, } }, methods: { @@ -43,9 +44,14 @@ export default { return tree; }, onResize(){ - this.width = document.documentElement.clientWidth; - this.height = document.documentElement.clientHeight; - this.tryLayout(); //use best-effort collapsing-layout? + if (!this.resizeThrottled){ + this.width = document.documentElement.clientWidth; + this.height = document.documentElement.clientHeight; + this.tryLayout(); //use best-effort collapsing-layout? + //prevent re-triggering until after a delay + this.resizeThrottled = true; + setTimeout(() => {this.resizeThrottled = false;}, 100); + } }, onInnerTileClicked(nodeList){ //nodeList holds an array of tree-objects, from the clicked-on-tile's tree-object upward |