Clearing combobox value is problematic

[Bill Erickson]

Evergreen 3.5

For Angular comboboxes that use synchronous data sources, once a type action has occurred in the combobox, the only way to clear the value is to clear the input then mouse-click elsewhere in the page. If you tab out of the input, the first value in the list of options is automatically selected.

This is a result of the fact that we "open" the combobox completely when when the value is cleared. Once the combobox has a list of values to chose from (even though the value in the input is an empty string), the typeahead logic takes over, and any attempt to tab out of the box results in the first item in the list getting selected.

The solution (or at least a solution) is to avoid displaying the full list of options when the input value is empty. To see all options the user can still click on the combobox or start typing to find matches as usual.

Patch coming.

[Bill Erickson (berick)]

Patch:

https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/berick/lp1882591-combobox-empty-value-tab

[Jane Sandberg (sandbergja)]

Issue confirmed. And the patch is much better UX for those of us who like to tab around to different fields in forms. Thanks, Bill! Signoff here: user/sandbergja/lp1882591-combobox-empty-value-tab-signoff

[Galen Charlton (gmc)]

Pushed to master, rel_3_5, and rel_3_4. Thanks, Bill and Jane!