ComboBox component with Vaadin 8 behavior for Vaadin Flow.

Overview

This component provides a modified combobox that mimics some of Vaadin 8 combobox behavior.

Features:

  • The first item is always highlighted (focused) when dropdown is manually open (by clicking the arrow) if no item is already selected.
  • The first item is always highlighted (focused) when filtering is triggered by entering some text in the input field. This gives the user the possibility to just press enter to select highlighted item on top.
  • The first item is always highlighted (focused) when dropdown is open after clearing the previous selected value with the clear button.
  • No item is selected if focusout event is triggered and there was a highlighted item in the dropdown.

The rest of the functionalities are the same as in the Flow ComboBox component.

Usage

To use it just create a new component V8ComboBox and use it like a ComboBox component.

For example:

V8ComboBox<String> comboBox = new V8ComboBox<>("Select an option", "Option 1", "Option 2", "Option 3");

License & Author

This Add-on is distributed under Apache 2.0 V8 ComboBox for Vaadin Flow is written by Vaadin Ltd.

Sponsored development

Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing.

Install

Link to this version
TestedReleased 21 October 2021Apache License 2.0
Framework Support
Vaadin platform 14+
Browser Compatibility
Install with
Release notes - Version 1.0.1

Initial release