[Bug Report] Tabs (Android): Slider animation is delayed after swipe

[nekitk]

Versions and Environment

Vuetify: 1.0.9
Vue: 2.5.7
Browsers: Google Chrome 65.0.3325.109
OS: Android 5.1.1

Steps to reproduce

1. Go to https://vuetifyjs.com/en/components/tabs using Chrome@Android
2. Swipe between tabs in example

Expected Behavior

Slider moves with tab transition (like when you click on a tab)

Actual Behavior

Slider animation is delayed and plays after tab change
http://s.csssr.ru/U07B23NE8/screencast_2018-03-20_19-00-24.mp4
(video captured from actual device using Chrome's inspect)

Reproduction Link

https://vuetifyjs.com/en/components/tabs

[KaelWD]

Confirmed, that's quite a weird one. It only happens to me the first time switching to a tab, after that it's fine. Also only occurs on an actual device, chrome device toolbar works normally.

[nekitk]

@KaelWD Was able to reproduce it in Chrome with CPU throttling enabled. Did some experiments and it looks like the cause is this setTimeout:

vuetify/src/components/VTabs/mixins/tabs-watchers.js

Line 11 in e30f724

setTimeout(this.callSlider, 0)

Delay disappeared after replacing setTimeout with either $nextTick or requestAnimationFrame. But it seems to break #3234 as slider have slightly more width on inital load after replacement.

[johnleider]

Fixed in f22d754