Vue-material: [mdTabs] broken when hiding/showing the bar and then resizing window.
Steps to reproduce
Hide a tab-bar (with v-show or jquery or whichever way you like), then resize the browser window and show it again. The tab-bar will be broken, not displaying any content, also the tab-bar-indicator will be stretched over the entire width of the tab-bar (rather than only the current button).
Which browser?
VueJs 2, Vue Material 0.7.1, Windows, Chrome Version 58.0.3029.81
What is expected?
What is actually happening?
Once you resize the window again or click on any button of the tab-bar it'll work fine again. v-if also works fine since the component is pushed into the dom again. This is only an issue with hiding/showing.
Reproduction Link
philipfeldmann
All 3 comments
That's suuuper weird! LOL...
I attached a gif to help people see what's going on.
We'll fix it ASAP.
pablohpsilva
on 14 May 2017
Could someone please take care of it as it really breaks our application. Or is there anything where we can help out to fix it?
stefan-hoehn
on 30 May 2017
Closing this issue as our focus is on the new 1.0.0 version.
Samuell1
on 23 Nov 2017
Related issues
Leshgan
路
3Comments
Feduch
路
3Comments
alexMugen
路
3Comments
vonBarbarosa
路
3Comments
markus-s24
路
3Comments
Most helpful comment
That's suuuper weird! LOL...
I attached a gif to help people see what's going on.
We'll fix it ASAP.