Mercurial > gemma

diff client/src/components/fairway/AvailableFairwayDepth.vue @ 3682:c086f5176ef2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: diagrams: fixed removal of resize listener listeners were not removed so diagrams were redrawn even if they were closed/not visible/mounted, leading to console errors.
author Markus Kottlaender <markus@intevation.de>
date Tue, 18 Jun 2019 12:53:05 +0200
parents 067ad32fba69
children af06045e87c9
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Tue Jun 18 12:43:01 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Tue Jun 18 12:53:05 2019 +0200
@@ -93,6 +93,7 @@
   data() {
     return {
       containerId: "availablefairwaydepth",
+      resizeListenerFunction: null,
       loading: false,
       width: 1000,
       height: 600,
@@ -147,7 +148,11 @@
     };
   },
   created() {
-    window.addEventListener("resize", debounce(this.drawDiagram), 200);
+    this.resizeListenerFunction = debounce(this.drawDiagram, 100);
+    window.addEventListener("resize", this.resizeListenerFunction);
+  },
+  destroyed() {
+    window.removeEventListener("resize", this.resizeListenerFunction);
   },
   mounted() {
     this.drawDiagram();