[Bug Report] active slot prop of v-list-item not set on mount
See original GitHub issueEnvironment
Vuetify Version: 2.4.9 Vue Version: 2.6.11 Browsers: Chrome 89.0.4389.114 OS: Mac OS 11.2.3
Steps to reproduce
You first need a router with some route setup. Then, you need some list items with the ‘to’ prop set to one of the routes each. The list items must be inside a list item group.
Expected Behavior
The active slot prop of <v-list-item>
and the value of <v-list-item-group>
should be set at mount according to the current route
Actual Behavior
The active slot prop of <v-list-item>
and the value of <v-list-item-group>
are only set when an item is set
Reproduction Link
https://codepen.io/guillaumedemoff/pen/dyNZaVe
Other comments
We can see that at mount, the active class is set to the correct item of the list, Page 1 in the codePen. It would make sense to have the prop and value that match that.
Issue Analytics
- State:
- Created 2 years ago
- Reactions:2
- Comments:5 (2 by maintainers)
Top Results From Across the Web
vuetify - Awesome JS
VDialog: pass through default slot props from VOverlay (06ea383) ... now simply set an initial value if the corresponding update: event is not...
Read more >Vue slot-props are not being passed through to child component
I'm getting the following error: Property or method "action" is not defined on the instance but referenced during render. Does anyone have any ......
Read more >Weekly Bug Report Thread : r/NoMansSkyTheGame - Reddit
This weekly thread is to help keep bug reports manageable. It is a scheduled weekly thread and not related to any specific release....
Read more >Can not mount turrets with enough free turret slots
Trying to mount a slot mining laser to my ship with 2 free ... no! it was a bug the mining turrets equiped...
Read more >bug report Set item off-hand or slot 40 | MCreator
With the main hand or with any other slot if it works even when hitting an entity, but with the secondary-hand / slot-40...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
The bug is that the value is not set. In the codePen, you can see that the active value is false for all three items. It should be true for the first one. The value of the item group, displayed above the list, is also null but should be 0.
I don’t think there is a scenario where we wouldn’t want the value to be set. I think that it makes more sense for the values to match what is actually displayed
Having the same issue with v-list-item-group, namely that the active parameter of v-list-item’s default slot is not changing.
@Guillaumedemoff what is the state of this? Did you PR? Not seeing a linked pull request.