platform icon indicating copy to clipboard operation
platform copied to clipboard

MultiSelectComboBox with allowCustomValue loses custom values on Tab and blur events

Open Jofresh77 opened this issue 5 months ago • 1 comments
trafficstars

Describe the bug

When using a custom created MultiSelectComboBox component with setAllowCustomValue set to true, only the key down event for Enter will apply the custom option to the combo-box. No other events can pass in the entered value to the component, if any other events is applied, the entered value will be deleted.

Expected-behavior

  • Event key down for Tab key -> should also apply the custom value or at least keep it visible in the field.
  • Blur event -> should also apply the custom value or at least keep it visible in the field.

Reproduction

Link to example project Launch the provided example project, enter a value inside the MultiSelectComboBox, then do one of the following:

  • Key down Enter -> works fine
  • Key down Tab -> value gets deleted
  • Blur event -> value gets deleted

System Info

  • OS: macOS Sequoia 15.5
  • Vaadin version: 24.7.5
  • Browser: Chrome

Jofresh77 avatar May 27 '25 14:05 Jofresh77