cal.com icon indicating copy to clipboard operation
cal.com copied to clipboard

[CAL-846] Improve multiselect component

Open baileypumfleet opened this issue 2 years ago • 2 comments

Make multiselect component function more like this: https://blueprintjs.com/docs/#select/multi-select2

The main things are:

  • We want to show that an item is selected instead of removing it from the dropdown once selected
  • The box needs to stay open
  • We need search
  • Toggle between showing all items (it currently expands onto a new line) or show a "+2 more items" at the end (this isn't a necessity right now but would be ideal)

From SyncLinear.com | CAL-846

baileypumfleet avatar Jan 20 '23 11:01 baileypumfleet

maybe we can convince radix-ui to work on a super dope multi-select with auto complete as well

opened: https://github.com/radix-ui/primitives/issues/1898

PeerRich avatar Jan 20 '23 12:01 PeerRich

If they dont want to take this on. I understand it was discussed previously on their issues and it would require ALOT of work to work with their current implementation of their select primitive. - I will create our own with downshift. see https://threads.com/34443301979

sean-brydon avatar Jan 20 '23 12:01 sean-brydon