defaults for density="compact"

[drhouse82]

Hi,

I want to set all v-list-item elements to density="compact". Especially inside v-select and v-autocomplete, I can so far only achieve this by using the v-slot:item, which is OK, but superbulky in the code and a source of inconsistency.

Is there any way of setting this as default?

Thanks in advance!

[KaelWD]

https://next.vuetifyjs.com/en/features/global-configuration/

[davidstackio]

This is super cool! However, it doesn't look like the density is being applied to the v-list-items inside the v-select. Even in the docs it doesn't look like it's changing: https://vuetifyjs.com/en/components/selects/#density

I'm trying to make my 7 list items render without the scroll bar in the menu.

[KaelWD]

Ah yeah that's leftover from v2 https://v2.vuetifyjs.com/en/components/selects/#dense
You can set VSelect.VList.density https://vuetifyjs.com/en/features/global-configuration/#contextual-defaults
Or VSelect.menuProps.maxHeight https://vuetifyjs.com/en/api/v-select/#props-menu-props

[davidstackio]

The VSelect.VList.density doesn't seem to be applying to the items within the select - am I doing something wrong?

My code:

defaults: {
      VSelect: {
        density: "compact", // this works
        VList: {
          density: "compact", // this doesn't work
        },
      },
    },

My result:

[ray007]

Should this work now?
Trying to set size and density for tree items does not seem to work...