search

iTwin / iTwinUI

A design system for building beautiful and well-working web interfaces.
https://itwin.github.io/iTwinUI/
MIT License
107 stars 38 forks source link

ComboBox does not make the found item active #862

Open laurynasr opened 1 year ago

laurynasr commented 1 year ago

Code Sandbox

Easily reproducible on https://itwin.github.io/iTwinUI-react/?path=/story/core-combobox--basic

Steps to reproduce

  1. Type something into ComboBox to find the matching item, for example, "lith" -- ComboBox displays the single entry "Lithuania"
  2. Press Tab to switch focus to another input
    1. [optional] Press arrow down to select the item
  3. The ComboBox stays empty

Actual behavior

The ComboBox does not take the selection

Expected behavior

The ComboBox should set the single/first result as selection.

The only way I found to select the found item is to type the search text, then use arrow keys to find the item, and then press Enter. This is not how standard