fix(MdTabs): remove ResizeObserver to improve the size and position calculation (#1552)

Samuell1 · marcosmoura · commit ef0cd2fea3d5 · 2018-02-28T15:12:33.000-03:00
diff --git a/src/components/MdTabs/MdTabs.vue b/src/components/MdTabs/MdTabs.vue
@@ -207,22 +207,20 @@
           }
         }
       },
+      callResizeFunctions () {
+        this.setIndicatorStyles()
+        this.calculateTabPos()
+      },
       setupObservers () {
-        if ('ResizeObserver' in window) {
-          this.resizeObserver = new window.ResizeObserver(this.setIndicatorStyles)
-          this.resizeObserver.observe(this.$el)
-        } else {
-          this.resizeObserver = MdObserveElement(this.$el.querySelector('.md-tabs-content'), {
-            childList: true,
-            characterData: true,
-            subtree: true
-          }, () => {
-            this.setIndicatorStyles()
-            this.calculateTabPos()
-          })
+        this.resizeObserver = MdObserveElement(this.$el.querySelector('.md-tabs-content'), {
+          childList: true,
+          characterData: true,
+          subtree: true
+        }, () => {
+          this.callResizeFunctions()
+        })
 
-          window.addEventListener('resize', this.setIndicatorStyles)
-        }
+        window.addEventListener('resize', this.callResizeFunctions)
       },
       setupWatchers () {
         if (this.mdSyncRoute) {
@@ -268,7 +266,7 @@
         this.resizeObserver.disconnect()
       }
 
-      window.removeEventListener('resize', this.setIndicatorStyles)
+      window.removeEventListener('resize', this.callResizeFunctions)
       this.$refs.navigation.removeEventListener('transitionend', this.setIndicatorStyles)
     }
   })
