Open UI

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:

  1. Select any option from the list
  2. Then re-open the popup
  3. Move to another option using the keyboard
  4. Press escape
LibraryBehavior
Chrome/Edge/Firefox (Windows)Selects the currently highlighted option
Safari (Catalina)Retains the previously selected option
Evergreen ComboboxRemoves all selected options to default settings
Fluent UIRetains the previously selected option
Ant DesignRetains the previously selected option
Atlas KitRetains the previously selected option
CarbonSelects the currently highlighted option
Fluent UIRetains the previously selected option
FASTRetains the previously selected option
Lightning (uses native)Retains the previously selected option
Material ComponentsRetains the previously selected option
SemanticRetains the previously selected option