Directory

← Back

Combo Box with Vaadin 8 behavior

ComboBox component with Vaadin 8 behavior for Vaadin Flow.

Author

Rating

Popularity

<100

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");

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

Combo Box with Vaadin 8 behavior - Vaadin Add-on Directory

ComboBox component with Vaadin 8 behavior for Vaadin Flow. Combo Box with Vaadin 8 behavior - Vaadin Add-on Directory
### 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: ```java V8ComboBox 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](https://vaadin.com/support) and [Pricing](https://vaadin.com/pricing).
View on GitHub
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

Online