Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add "delimited" prop to EuiComboBox and support copy/paste #1357

Closed
cjcenizal opened this issue Dec 7, 2018 · 1 comment · Fixed by #3104
Closed

Add "delimited" prop to EuiComboBox and support copy/paste #1357

cjcenizal opened this issue Dec 7, 2018 · 1 comment · Fixed by #3104

Comments

@cjcenizal
Copy link
Contributor

cjcenizal commented Dec 7, 2018

Per #1307 (comment):

I think the combo box could accept a prop with the character(s) that would trigger an entry creation. It is very common in those inputs to trigger with the , (comma).

The interface would look like this:

<EuiComboBox delimiter="," />

The supported behaviors would be:

  1. Entering a comma will behave as if the user has hit Enter, and a new option based on the user input will be created.
  2. Pasting any values into the combo box will be split on the delimiter, and valid values will be converted into options. Invalid values will be left as a string in the input.
  3. The user can click a "Copy" icon, which will copy a delimited string of the pill values to the clipboard. The user can highlight all and copy as a delimited string
@anishagg17
Copy link
Contributor

@cchaos please assign me this issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants