Multiselect checkbox field

[bhousel]

Some tags in OSM use this style of tagging where people can make up what they want in the key part of the tag. iD doesn't really support it. We can turn the most popular values into checkbox fields, but that takes up a lot of space in the sidebar and we will never be able to show all of the values that people care about:

recycling:cans = yes/no
recycling:clothes = yes/no
recycling:glass = yes/no
recycling:batteries = yes/no
recycling:paper = yes/no

Ideally we would have a field that

• allows mappers to add/remove terms
• turns those terms into labelled checkboxes
• takes up little space
• supports localization (this one is a stretch)

If we had this, it would unblock issues like:
#2873, #2872, #2827, #1987

@kepta want to take a shot at this?

[kepta]

Sure, let me assign it to myself.

[bhousel]

How Wordpress handles this is 👌

[d1g]

https://github.com/selectize/selectize.js - jQuery-based

--plugins=remove_button

[kepta]

I like the way Google has done Material chips, but I don't know whether that would blend well with iD's look and feel.

[kepta]

This is what current implementation looks like.

Any suggestions, @bhousel @jfirebaugh ?

[bhousel]

That looks awesome!! Can't wait to merge this in. Design looks great to me, maybe @samanpwbb has suggestions?

What happens if the tag is recycling:paper=no - does it go into the "Accepts" bin. The field should probably quietly ignore everything except for an explicit yes value.

[bhousel]

Oh I also just realized from the screenshot - it shouldn't offer to autocomplete paper or include in the dropdown list if that value is already selected.

[samanpwbb]

This is awesome! Tiny nitpick:

[kepta]

@samanpwbb , wow, you have an eye for details. I will try to fix the alignment and add round corners.

@bhousel, I guess I need to update the combobox data and remove the used tokens.

[bhousel]

merged! #3055 -> #3080

[TheAdventurer64]

Similar to what @bhousel said, shouldn't mappers have a way to say something like payment:credit_cards=no?

[quincylvania]

@TheAdventurer64 See #7035.