[multi-select-combo-box] Selecting a value does not clear the input

[sissbruecker]

Description

When entering only a partial value of a predefined item, or a custom value, then commiting that value does not clear the input. This does not happen if you enter the full value of a predefined item.

Another side effect of this is that the partially entered value will then be reported as a custom value when bluring the component, or pressing enter again.

Expected outcome

After selecting the predefined item from the dropdown, or pressing enter, the input should be cleared.

Actual outcome

After selecting the predefined item from the dropdown, or pressing enter, the input is not cleared. After pressing enter a second time, the input is cleared.

Live demo (optional)

Bildschirmaufnahme.2022-04-06.um.15.20.16.mp4

Minimal reproducible example

See the component's dev page: https://github.com/vaadin/web-components/blob/e156bfbf0845d9e6dbfa86449e317c86f87459b0/dev/multi-select-combo-box.html

Steps to reproduce

1. Enter Hel
2. Select Helium from the dropdown
3. Input still contains Hel
4. (Blur input)
5. (Hel is reported as custom value)

Environment

• v23.1

Browsers affected

N/A