From f0b4babea3a9a960975773b68da970aaca7aced0 Mon Sep 17 00:00:00 2001
From: Sergey Solodyagin <solodyagin@gmail.com>
Date: Wed, 6 Oct 2021 23:17:09 +0300
Subject: [PATCH] fix: resize event unbinding

---
 package.json      |  6 ++++--
 src/GGanttRow.vue | 18 +++++++++++-------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 4941ee9..6522a98 100644
--- a/package.json
+++ b/package.json
@@ -28,12 +28,14 @@
   "devDependencies": {
     "bili": "^4.10.0",
     "rollup-plugin-vue": "^5.1.9",
-    "vue-template-compiler": "^2.6.10"
+    "vue-template-compiler": "^2.6.14"
   },
   "peerDependencies": {
     "moment": "^2.26.0"
   },
-  "dependencies": {},
+  "dependencies": {
+    "vue": "^2.6.14"
+  },
   "bugs": {
     "url": "https://github.com/yicone/vue-ganttastic/issues"
   },
diff --git a/src/GGanttRow.vue b/src/GGanttRow.vue
index 64a5d7b..fa3d487 100644
--- a/src/GGanttRow.vue
+++ b/src/GGanttRow.vue
@@ -95,13 +95,16 @@ export default {
     window.addEventListener('resize', this.onWindowResize)
   },
 
+  destroyed() {
+    window.removeEventListener('resize', this.onWindowResize)
+  },
+
   methods: {
     onDragover(e) {
       e.preventDefault() // enables dropping content on row
       if (this.highlightOnHover) {
-        this.$refs[
-          'g-gantt-row'
-        ].style.backgroundColor = this.getThemeColors().hoverHighlight
+        this.$refs['g-gantt-row'].style.backgroundColor =
+          this.getThemeColors().hoverHighlight
       }
     },
 
@@ -153,9 +156,8 @@ export default {
 
     onMouseover() {
       if (this.highlightOnHover) {
-        this.$refs[
-          'g-gantt-row'
-        ].style.backgroundColor = this.getThemeColors().hoverHighlight
+        this.$refs['g-gantt-row'].style.backgroundColor =
+          this.getThemeColors().hoverHighlight
       }
     },
 
@@ -165,7 +167,9 @@ export default {
 
     onWindowResize() {
       // re-initialize the barContainer DOMRect variable, which will trigger re-rendering in the gantt bars
-      this.barContainer = this.$refs.barContainer.getBoundingClientRect()
+      if (this.$refs.barContainer) {
+        this.barContainer = this.$refs.barContainer.getBoundingClientRect()
+      }
     },
   },