From d3953f734f733298144f199f2309df16a077c21b Mon Sep 17 00:00:00 2001
From: Samuell <Samuell1@users.noreply.github.com>
Date: Fri, 12 Jan 2018 19:32:09 +0100
Subject: [PATCH] fix(MdSteppers): recalculate styles on window resize (#1394)

* fix(MdSteppers): overflow on resize

* refactor(MdSteppers): add beforeDestroy hook to remove resize listener
---
 src/components/MdSteppers/MdSteppers.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/MdSteppers/MdSteppers.vue b/src/components/MdSteppers/MdSteppers.vue
index 3cc58c666..966016a10 100644
--- a/src/components/MdSteppers/MdSteppers.vue
+++ b/src/components/MdSteppers/MdSteppers.vue
@@ -186,6 +186,8 @@
         if ('ResizeObserver' in window) {
           this.resizeObserver = new window.ResizeObserver(this.calculateStepperPos)
           this.resizeObserver.observe(this.$el)
+        } else {
+           window.addEventListener('resize', this.calculateStepperPos)
         }
 
         if (steppersContent) {
@@ -244,7 +246,12 @@
         this.setupObservers()
         this.setupWatchers()
       }, 100)
-    }
+    },
+    beforeDestroy () {
+      if (!('ResizeObserver' in window)) {
+        window.removeEventListener('resize', this.calculateStepperPos)
+      }
+    },
   })
 </script>