question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] active slot prop of v-list-item not set on mount

See original GitHub issue

Environment

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:open
  • Created 2 years ago
  • Reactions:2
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
Guillaumedemoffcommented, Apr 9, 2021

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

0reactions
henoncommented, Jun 8, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found