vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Feature Request] VSelect - header/footer slots in the dropdown menu

Open J-Sek opened this issue 1 month ago • 2 comments

Problem to solve

Currently, the only way to add content above/below the options list is to use #prepend-item and #append-item slots. They are designed to hold another "option", not a search field or a non-scrollable static content.

Proposed solution

With dedicated slots we would be able to support all the developers that need Select2-ish component - without hacks for suppressing mousedown and keydown and other compromises.

Visual draft Image

J-Sek avatar Dec 04 '25 10:12 J-Sek

Related: #15014

Separate slots wouldn't be needed if that was something like

<template #list="{ props }">
  // header
  <VSelectList v-bind="props" />
  // footer
</template>

KaelWD avatar Dec 04 '25 11:12 KaelWD

Good point... although I wonder... It would bring great value to the developers if we detach VSelectList as a reusable component - integrating VList, VVirtualScroll, search, selection, etc. In my opinion, it would still benefit from header and footer slots, as those could get some nice props through binding) This way, I won't need to build Select2 from absolute scratch when I want the dropdown on a button instead of the text field.

J-Sek avatar Dec 04 '25 17:12 J-Sek