fix(MdTabs): correct indicator position on transition end (#1467)

VdustR · marcosmoura · commit bc3b611c6848 · 2018-02-02T15:46:26.000-02:00
fix #1432
diff --git a/src/components/MdTabs/MdTabs.vue b/src/components/MdTabs/MdTabs.vue
@@ -76,8 +76,7 @@
       hasContent: false,
       MdTabs: {
         items: {}
-      },
-      alignmentChanging: false
+      }
     }),
     provide () {
       return {
@@ -113,28 +112,6 @@
       mdActiveTab (tab) {
         this.activeTab = tab
         this.$emit('md-changed', tab)
-      },
-      mdAlignment () {
-        if (this.alignmentChanging) {
-          return false
-        }
-
-        this.alignmentChanging = true
-
-        this.$nextTick().then(() => {
-          let cb = event => {
-            if (event.propertyName !== 'min-width') {
-              return false
-            }
-
-            this.$refs.navigation.removeEventListener('transitionend', cb)
-            this.setIndicatorStyles()
-            this.alignmentChanging = false
-          }
-
-          this.$refs.navigation.addEventListener('transitionend', cb)
-        })
-
       }
     },
     methods: {
@@ -283,13 +260,16 @@
           this.setupWatchers()
         }, 100)
       })
+
+      this.$refs.navigation.addEventListener('transitionend', this.setIndicatorStyles)
     },
     beforeDestroy () {
       if (this.resizeObserver) {
         this.resizeObserver.disconnect()
       }
 
       window.removeEventListener('resize', this.setIndicatorStyles)
+      this.$refs.navigation.removeEventListener('transitionend', this.setIndicatorStyles)
     }
   })
 </script>
