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.

Sign up for GitHub

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

Jump to bottom

[Bug Report][3.5.3] Using v-if on a VTab causes selection highlighting on the wrong tab #19213

Closed
basuneko opened this issue Feb 13, 2024 · 2 comments · Fixed by #19663
Closed

[Bug Report][3.5.3] Using v-if on a VTab causes selection highlighting on the wrong tab #19213

basuneko opened this issue Feb 13, 2024 · 2 comments · Fixed by #19663
Assignees
@johnleider
Labels
C: VTabs E: group Group composable T: bug Functionality that does not work as intended/expected
Milestone
v3.5.x

Comments

@basuneko
Copy link

Environment

Vuetify Version: 3.5.3
Last working version: 3.5.1
Vue Version: 3.4.18
Browsers: Chrome 121.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

  1. Click tabs 1, 2 and 4 - observe they all get highlighted correctly
  2. Click tab 3

Expected Behavior

Tab 3 gets highlighted

Actual Behavior

Tab 2 gets incorrectly highlighted instead

Reproduction Link

https://play.vuetifyjs.com/#...
@mlankamp
Copy link

mlankamp commented Feb 13, 2024 •
edited
Loading

Have the same problem, workaround is to use v-show. Seems to be a regression that happened in 3.5.2, before it worked.

@KaelWD
Copy link
Member

KaelWD commented Feb 13, 2024

Dynamic tabs need to be identified with value: https://play.vuetifyjs.com/#eNqFUt1q8zAMfRXhm7bQJvRn8NEvLYyxNxjsYt2F56iNmRMbW0kHo+8+2UlLOzYWCLakc47kg14+RfAqv3cu61oUa1EQ1s5Iwu2uASi6mXQuXVOgbENSN+iHFCfP1fg9V9iABJJvoAPIssQSjpoq6GZ6PwWqEPbWGHvUzSGhGuzQwwEpQKUPleGfsLxo51H8ElkDysgQNjvhzOxuJ646F0ZvH4xW70l2WeQc31YfPxwqFl/DU0TAGypbI0+pSHf4A+FeUSvNGvhkQNItLYZmRKAq2Rz4Ld7WSW1xQy9ya67n7mbMDaCssZ5nD61SGMLt+AkDnTQtMmTOxag7L/JU+AHJhkatyh4ZuNiJC5fvibuA8cX6ye86A2s5sNi5P5CrAbn6jhzicN4WDm/XJWb6bSryqy3jMCivHUFAah0Y9pb70NkhXTvrCT7B4x5OvekjXtZRbzH3CEwdjIBNhI330gSc/O8RLPuka7QtjccT2GxZ6gzP0quYRJ6P0xTmkVTk/UDcXpymYpmtsvk/ES932VK8fgH5t/qm

@johnleider johnleider added T: bug Functionality that does not work as intended/expected C: VTabs E: group Group composable and removed S: triage labels Apr 22, 2024
@johnleider johnleider added this to the v3.5.x milestone Apr 22, 2024
@johnleider johnleider self-assigned this Apr 22, 2024
@johnleider johnleider mentioned this issue Apr 22, 2024
Merged
johnleider added a commit that referenced this issue Apr 22, 2024
@lzl0304 @johnleider
fix(group): update the value when delete an item (#19663)
5918658 
fixes #19655
fixes #19213

Co-authored-by: John Leider <[email protected]>
@aniketmaurya aniketmaurya mentioned this issue May 22, 2024
Closed
@brittag brittag mentioned this issue May 22, 2024
Merged
@aniketmaurya aniketmaurya mentioned this issue May 23, 2024
Closed
@brittag brittag mentioned this issue May 24, 2024
Merged
@aniketmaurya aniketmaurya mentioned this issue May 25, 2024
Closed
@brittag brittag mentioned this issue May 28, 2024
Merged
This was referenced May 28, 2024
Closed
Closed
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@johnleider johnleider

Labels
C: VTabs E: group Group composable T: bug Functionality that does not work as intended/expected
Projects
None yet
Milestone
v3.5.x
Development

Successfully merging a pull request may close this issue.

fix(group): update the value when delete an item lzl0304/vuetify
4 participants
@basuneko @mlankamp @johnleider @KaelWD