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][3.7.7] VList with nav prop: VListItem spacing issue when only child #20895

Open
antoinematyja opened this issue Jan 21, 2025 · 0 comments

Comments

@antoinematyja
Copy link

Environment

Vuetify Version: 3.7.7
Vue Version: 3.5.13
Browsers: Safari 18.1.1
OS: Mac OS 10.15.7

Steps to reproduce

Create a VList with the nav prop, add a subgroup with only 1 child, and another item after
The subgroup item and the next item will not have a gap when all others items have one

To reproduce with the reproduction link, open the "Users" top item, then the "Admin" sub item
The sub-sub item "Management" has no margin-bottom and is sticking to the next item "Actions" (you need to hover the items to see it), when all items should have a 4px gap

Expected Behavior

4px gap between all list items

Actual Behavior

List group with only 1 child do not have correct spacing after

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

The issue comes from this code:


It can be fixed by removing the :not(:only-child) from the selector, however I guess this was added here for a reason

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant