Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] v-tabs centered prop doesn't stay snapped under selected tab when there is a layout change. #5327

Closed
rpreilley opened this issue Oct 14, 2018 · 1 comment
Labels
duplicate The issue has already been reported

Comments

@rpreilley
Copy link

Versions and Environment

Vuetify: 1.2.9
Vue: 2.5.17
Browsers: Chrome 69.0.3497.100
OS: Mac OS 10.13.6

Steps to reproduce

Click the v-icon button on the small vertical gray bar to adjust this "split" layout, closing the left side and making the right side full screen. The selected tab indicator does not stay aligned with its tab.

This behavior does not happen when not using the centered prop on v-tab.

Expected Behavior

Using centered tab, keep indicator snapped under selected tab during a dynamic grid change for the layout.

Actual Behavior

Selected tab indicator is misaligned when grid is changed dynamically for the apps layout.

Reproduction Link

https://codepen.io/rpreilley/pen/ReWYay

@KaelWD
Copy link
Member

KaelWD commented Oct 15, 2018

Duplicate of #4733

I have been considering some options for this recently, but for now you'll just have to use the workaround.

@KaelWD KaelWD closed this as completed Oct 15, 2018
@KaelWD KaelWD added the duplicate The issue has already been reported label Oct 15, 2018
@lock lock bot locked as resolved and limited conversation to collaborators Oct 15, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
duplicate The issue has already been reported
Projects
None yet
Development

No branches or pull requests

2 participants