Tom-select already has options for inputting new values, so that should be possible. Examples: https://tom-select.js.org/examples/

Estimate: 2 days

I just caught up with @itsamemario, and confirmed that I’m not able to implement the designed component unfortunately. Maybe there is a way, but it would require sinking more of my or someone else’s time into it without a guaranteed result.

We discussed an alternative design which seems like a reasonable alternative (working around the dropdown component, rather than trying to customise it).

But as it would still require more development time, we’ll first just implement the same as the current screen, which should require very little dev time. Then we can continue working on feature parity before revisiting this later.

Alternative solution: popout when "items" selected

• When a weight or volume is selected, it just appears and functions exactly like a dropdown
• When "items" selected, the popout appears, revealing and focusing the label text field (required field).
• When click or tab away, the popout closes and it appears like a normal field, with combined label "Items ()"
• When activating again, the popout shows and you can either open the dropdown or edit the label
• If a weight or volume is selected, the dropdown and popout close.

Confirming that we've reached feature parity, with an input field that appears when you choose "items", just like in the old screen.

But we would like to continue with a better (more compact) solution, as designed (see description at top) or with an alternative (like mine suggested in comment above)

OK so @dacook @mariocarabotta for our 'now' purposes, this is done, so I'm putting it back in 'All the Things'

@kirstenalarsen actually now with the new board, "all the things" is our backlog. I'm changing the milestone 👍