Directory

← Back

Combo Box with Vaadin 8 behavior

ComboBox component with Vaadin 8 behavior for Vaadin Flow.

Author

Contributors

Rating

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.

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.

Sample code

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

Links

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Bugfixes

  • Fix focus behavior after tab key is pressed
Released
2022-04-04
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 14+
Browser
Firefox
Safari
Google Chrome
Microsoft Edge
Online