From 3231c569edbd31ec44feb3ba9417953072ac957b Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Mon, 4 Feb 2019 09:58:05 +0300
Subject: [PATCH] Resize listener for OverlayPanel

---
 src/components/overlaypanel/OverlayPanel.vue | 32 +++++++++++++++-----
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/components/overlaypanel/OverlayPanel.vue b/src/components/overlaypanel/OverlayPanel.vue
index 009e4d3b2..a80ff8900 100644
--- a/src/components/overlaypanel/OverlayPanel.vue
+++ b/src/components/overlaypanel/OverlayPanel.vue
@@ -41,8 +41,10 @@ export default {
     },
     target: null,
     outsideClickListener: null,
+    resizeListener: null,
     beforeDestroy() {
         this.restoreAppend();
+        this.unbindResizeListener();
         if (this.dismissable) {
             this.unbindOutsideClickListener();
         }
@@ -65,19 +67,16 @@ export default {
         onEnter() {
             this.appendContainer();
             this.alignOverlay();
-
-            if (this.dismissable) {
-                this.bindOutsideClickListener();
-            }
-
+            this.bindOutsideClickListener();
+            this.bindResizeListener();
+            
             if (this.autoZIndex) {
                 this.$refs.container.style.zIndex = String(this.baseZIndex + DomHandler.generateZIndex());
             }
         },
         onLeave() {
-            if (this.dismissable) {
-                this.unbindOutsideClickListener();
-            }
+            this.unbindOutsideClickListener();
+            this.unbindResizeListener();
         },
         alignOverlay() {
             DomHandler.absolutePosition(this.$refs.container, this.target);
@@ -102,6 +101,23 @@ export default {
                 this.outsideClickListener = null;
             }
         },
+        bindResizeListener() {
+            if (!this.resizeListener) {
+                this.resizeListener = (event) => {
+                    console.log('x');
+                    if (this.visible) {
+                        this.visible = false;
+                    }
+                };
+                window.addEventListener('resize', this.resizeListener);
+            }
+        },
+        unbindResizeListener() {
+            if (this.resizeListener) {
+                window.removeEventListener('resize', this.resizeListener);
+                this.resizeListener = null;
+            }
+        },
         isTargetClicked() {
             return this.target && (this.target === event.target || this.target.contains(event.target));
         },