fix(VSelect): pass listProps density to VCheckboxBtn in multiple

[johnleider]

Summary

• Pass listProps.density to VCheckboxBtn when rendering multiple select items
• Fixes VSelect, VAutocomplete, and VCombobox which all share the same pattern
• Follows precedent from VTreeviewChildren

Problem

Global defaults for listProps.density were not applied to VCheckboxBtn when using the multiple prop. The checkboxes rendered with default density while VListItem used compact density, causing visual inconsistency.

Playground for testing

<template>
  <v-app>
    <v-container>
      <v-defaults-provider
        :defaults="{
          VSelect: { listProps: { density: 'compact' } },
          VAutocomplete: { listProps: { density: 'compact' } },
          VCombobox: { listProps: { density: 'compact' } },
        }"
      >
        <v-row>
          <v-col cols="4">
            <v-select :items="['A','B','C']" label="Single" />
          </v-col>
          <v-col cols="4">
            <v-select :items="['A','B','C']" label="Multiple" multiple />
          </v-col>
        </v-row>
      </v-defaults-provider>
    </v-container>
  </v-app>
</template>

[klimekszymon]

big thank you for taking the immediate action with the issue I found!

[KaelWD]

Why not add this to

vuetify/packages/vuetify/src/components/VList/VListItem.tsx

Lines 323 to 337 in bd4a87b

	key="prepend-defaults"
	disabled={ !hasPrependMedia }
	defaults={{
	VAvatar: {
	density: props.density,
	image: props.prependAvatar,
	},
	VIcon: {
	density: props.density,
	icon: props.prependIcon,
	},
	VListItemAction: {
	start: true,
	},
	}}

?

[johnleider]

Why not add this to

vuetify/packages/vuetify/src/components/VList/VListItem.tsx

Lines 323 to 337 in bd4a87b

	key="prepend-defaults"
	disabled={ !hasPrependMedia }
	defaults={{
	VAvatar: {
	density: props.density,
	image: props.prependAvatar,
	},
	VIcon: {
	density: props.density,
	icon: props.prependIcon,
	},
	VListItemAction: {
	start: true,
	},
	}}

?

Updated