Combo Box with Vaadin 8 behavior
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.
Sample code
V8ComboBox<String> comboBox = new V8ComboBox<>("Select an option", "Option 1", "Option 2", "Option 3");
Links
Compatibility
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
Combo Box with Vaadin 8 behavior - Vaadin Add-on Directory
ComboBox component with Vaadin 8 behavior for Vaadin Flow.Online Demo
Author Homepage
Issue tracker
Combo Box with Vaadin 8 behavior version 1.0.1
Initial release
Combo Box with Vaadin 8 behavior version 1.0.2
This version reutilizes code from plain Vaadin 14 ComboBox, so it can obtain new features and bug fixes from upcoming versions.
Combo Box with Vaadin 8 behavior version 1.0.3
### Bugfixes
* The first entry was not being highlighted in the dropdown after typing in the field, after previously selecting an entry
* The first item was automatically selected after closing the dropdown without doing anything
Combo Box with Vaadin 8 behavior version 1.0.4
Pressing tab while focusing an item will select it
Combo Box with Vaadin 8 behavior version 1.0.5
### Bugfixes
* Fix focus behavior after tab key is pressed