Select Behavior
Overview
This page is for testing different types of behaviors and the observations.
Currently this is testing the built-in browser based <select> control
Pressing escape
While adding in the events I noticed an interesting user experience that I
wasn't expecting. Using the following repro steps:
- Select any option from the list
- Then re-open the popup
- Move to another option using the keyboard
- Press escape
| Library | Behavior |
|---|
| Chrome/Edge/Firefox (Windows) | Selects the currently highlighted option |
| Safari (Catalina) | Retains the previously selected option |
| Evergreen Combobox | Removes all selected options to default settings |
| Fluent UI | Retains the previously selected option |
| Ant Design | Retains the previously selected option |
| Atlas Kit | Retains the previously selected option |
| Carbon | Selects the currently highlighted option |
| Fluent UI | Retains the previously selected option |
| FAST | Retains the previously selected option |
| Lightning (uses native) | Retains the previously selected option |
| Material Components | Retains the previously selected option |
| Semantic | Retains the previously selected option |
Open UI