You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
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 afterThe 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:
vuetify/packages/vuetify/src/components/VList/VListItem.sass
Line 277 in 5ca8184
It can be fixed by removing the
:not(:only-child)
from the selector, however I guess this was added here for a reasonThe text was updated successfully, but these errors were encountered: