v-tab selected tab indicator with centered prop doesn't stick under tab with layout change

[rpreilley]

I have an app that has a split layout I have built, where a user can pass a layout size prop to the component to indicate how large the left side will be, in my case, 4 of 12. I have a button that will change the layout size to zero, which would dynamically change the right side to 12 of 12. When the right side is a V-tab with the centered prop, when hiding that side, the selected tab indicator does not stay snapped underneath the correct tab, however, if centered prop is not in use, it stays snapped underneath.

I have made a codepen. If you remove the centered prop for v-tab and select a tab and close the left side with the gray bar icon button, you can see it stays where it needs. When centered, it is misaligned.

I know this is a pretty specific scenario, but is this a bug, or normal behavior?

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

[jacekkarczmarczyk]

Please only create issues with the provided issue creator. In the boilerplate for creating an issue, it explains that any ticket made without this will be automatically closed. Thank you.

See #4733