You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Vuetify Version: 2.4.5 Vue Version: 2.6.12 Browsers: Chrome 88.0.4324.192, Mozilla Firefox, Google Chrome OS: Mac OS 11.2.2, Windows
Steps to reproduce
Create a v-app-bar with v-tabs (with fixed-tabs or grow option). After the v-tabs we have a v-img with the company logo.
Load the app - On initial render the slider for the currently selected tab is position too far to the right. When the page is redrawn (press F5, Ctrl-R, or open F12 Developer Tools for example) it moves to the correct position. This does not reproduce if there is no v-img present.
I just noticed the tabs move a bit to the left after the slider is first rendered, right when the image shows.
Adding the eager property to the v-img seems to do the trick and renders the slider correctly in one go.
Environment
Vuetify Version: 2.4.5
Vue Version: 2.6.12
Browsers: Chrome 88.0.4324.192, Mozilla Firefox, Google Chrome
OS: Mac OS 11.2.2, Windows
Steps to reproduce
Create a v-app-bar with v-tabs (with fixed-tabs or grow option). After the v-tabs we have a v-img with the company logo.
Load the app - On initial render the slider for the currently selected tab is position too far to the right. When the page is redrawn (press F5, Ctrl-R, or open F12 Developer Tools for example) it moves to the correct position. This does not reproduce if there is no v-img present.
Expected Behavior
Slider aligned with the tab
Actual Behavior
Slider is placed too far to the right
Reproduction Link
https://codepen.io/jaapspiering/pen/ExNdXEQ
The text was updated successfully, but these errors were encountered: