Unable to add multiple filters with different case variations of the same string

[rayafratkina]

Kibana version: 7.4

Elasticsearch version: 7.4

Browser version: Chrome

Original install method (e.g. download page, yum, from source, etc.): Cloud instance

Describe the bug:
When you have a field that has values that are the same string in different case, user is not able to create "is one of" filter to include all these values.

Steps to reproduce:

1. state field has valued "open", "OPEN", "closed", "CLOSED"
2. Open visualize and create new visualization
3. Click "Add filter". Select field "state" and operator "is one of"
4. Start typing "clos"

• notice the display is wrong - strings overlap

5. Select one version of the value. Start typing again.

• no matches are displayed and there is no way to add the second version

Expected behavior:
User should be able to add both "closed" and "CLOSED" to the filter

Same issue exists on the Dashboard.

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[nreese]

The overlapping text is because EUI combo box does not allow duplicate labels. https://elastic.github.io/eui/#/forms/combo-box

Looks like EuiComboBox lower cases the labels so different casings for the same string is causing duplicate labels.

https://github.com/elastic/eui/blob/master/src/components/combo_box/combo_box_options_list/combo_box_options_list.js#L269

[elasticmachine]

Pinging @elastic/kibana-app-arch (Team:AppArch)

[lizozom]

Reproduced on master.

@elastic/kibana-design is it possible to add an option to make the ComboBox component case sensitive? i.e. to allow adding "Closed" and "CLOSED" as two separate items?

If not, we'd have to hack it ;-)

[cchaos]

@lizozom There isn't currently, but you can open an issue in the EUI repo.

[lizozom]

@cchaos done elastic/eui#3718

[lizozom]

Closing this issue, duplicate of EUI issue @cchaos attached.
elastic/eui#1997