[EuiComboBox] Editability support

[sorenlouv]

I would love to have support for editing elements, and pasting multiple element in the combobox.

Use case
The User Management section of Kibana uses the EUI combobox, and I was experimenting with a bunch of roles. I wanted to add/remove multiple rows add a time using my clipboard, and I had to do this one-by-one because there is no copy/paste support. A couple of examples:

It is not possible to select multiple roles and copy/cut them:

It is not possible to paste roles:

Gmail handles email adresses similar to combobox. An email can both be copied, pasted and edited:

[sorenlouv]

Hey @cchaos

Just a bit of spam from my end :D

I've noticed this problem pop up a couple of times while using the product. In this case I needed to edit a single character in a long host but couldn't. My workaround so far has been to use the Dev Tools:

I'd really like to use the combobox for a few things in APM but having it being editable is a must so we'll stick with good old input fields for now.

[cchaos]

Sorry @sqren but it just hasn't become priority yet for us to support this mechanism. There's quite a bit of feature requests for this component but it's hard to be a one-stop-shop for all requirements. However, we're very receptive to PR's if you want to tackle it yourself!

[sorenlouv]

Sure thing @cchaos. Thanks for responding 👍

[anishagg17]

@sqren i will try to implement this

[sorenlouv]

Looking forward to see what you come up with @anishagg17 👍

[github-actions]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[cchaos]

As a user I would like after writing a very long option, to edit it, without having to delete and create a new one.

I propose EuiComboBox to have a prop like: canEditSelected, then:

1. EuiComboBoxPill could be clicked and open its content back on the EuiComboBoxInput
2. pressing delete while in emptyEuiComboBoxInput will open the last pill content on the input field instead of deleting it.

this can be very helpful when creating custom options, or when the options are very similar.

Originally posted by @galangel in #4830

[github-actions]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[Blakko]

+1

[github-actions]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[github-actions]

❌ We're automatically closing this issue due to lack of activity. Please comment if you feel this was done in error.