Q-select: slot above/beneath the options list ?

[bobdylan]

I created a Q-select with checkboxes by using the option-slot.
Now I would like to add a div above or beneath the options list, with buttons to select/deselect all items.

I could not find slot names to do this.
Any ideas?

[s.molinari]

Um, never done it myself, but if you have control of the content for options with the options slot, couldn’t you create your own select/ deselect “option” within those options?

Scott

[metalsadman]

@s-molinari i tried it earlier, there’s some quirk not showing the the buttons/first index first time the options menu gets shown :x https://codepen.io/metalsadman/pen/ydWbza?editors=1010, probably coz need recalculating the height, or a different logic.

[bobdylan]

Thank you, but I want the buttons to be visible all the time.
By using metalsadman’s way they disappear when you scroll the list.
Even when I make the div fixed, it disappears after a while.

[metalsadman]

Not doable with scoped slot atm i think, better use other slot like prepend, after et… for your select/deselect func, you can do some conditional to hide/show the buttons when your menu is shown/hidden.