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][2.6.1] Tabs with nuxt child with props exact doesn't move the slider #14459

Closed
sMesle opened this issue Dec 3, 2021 · 3 comments · Fixed by #14500
Closed

[Bug Report][2.6.1] Tabs with nuxt child with props exact doesn't move the slider #14459

sMesle opened this issue Dec 3, 2021 · 3 comments · Fixed by #14500
Labels
C: VTabs VTabs T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone

Comments

@sMesle
Copy link

sMesle commented Dec 3, 2021

Environment

Vuetify Version: 2.6.1
Last working version: 2.5.9
Vue Version: 2.6.14
Browsers: Firefox 94.0
OS: Mac OS 10.15

Steps to reproduce

  • Create a v-tabs containing multiple v-tab element using the nuxt and exact props
  • Define a to path to corresponding child pages
  • Use NuxtChild component after the v-tabs component

Expected Behavior

The slider must move to the other v-tab

Actual Behavior

The slider stay on the second tab

Reproduction Link

https://codesandbox.io/s/demo-tabs-nuxt-chidl-forked-vu2cj?file=/pages/dashboard/parent.vue

Other comments

This worked perfectly in 2.5.9 version.

By replacing exact by exact-path on the first tab, it's working

@sMesle sMesle changed the title [Bug Report][2.6.1] Tabs with nuxt child doesn't move the slider [Bug Report][2.6.1] Tabs with nuxt child with props exact doesn't move the slider Dec 3, 2021
@sMesle
Copy link
Author

sMesle commented Dec 3, 2021

Similar to #14431

@sMesle sMesle closed this as completed Dec 3, 2021
@sMesle sMesle reopened this Dec 3, 2021
@KaelWD KaelWD added C: VTabs VTabs T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke and removed S: triage labels Dec 9, 2021
@KaelWD KaelWD added this to the v2.6.x milestone Dec 9, 2021
@4KDA
Copy link

4KDA commented Dec 10, 2021

Same problem. Moreover, it appears only on the server, but not locally.

@Florent-Bouisset
Copy link
Contributor

Hello I face the same problem after updating vuetify from 2.5.6 to 2.6.1:

    <v-tabs>
      <v-tab to="/foo" exact>foo</v-tab>
      <v-tab to="/bar" >bar</v-tab>
      <v-tab to="/baz">baz</v-tab>
    </v-tabs>

When the v-tab has the property "exact" the slider doesn't move (but the text change of color correctly)

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VTabs VTabs T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants