Compare branches UI improvements for filter branch combobox
I would like to suggest a bunch of UI improvements on compare branches UI which lives at /-/compare?from=main&to=main, specifically for the combobox (searchable dropdown).
- Disable autocomplete in the search dropdown
The autocomplete, completely obscures the dropdown which makes it difficult to actually select an option when you're trying to guess a branch/tag name eg ticket number in this case. Though one can hit esc to get rid of the autocomplete but as soon as you resume typing the autocomplete again pops up. I am not sure if my suggestion is an accessible solution, but two autocomplete might confuse screen readers as well.
- Autofocus on combobox when it's opened.
This not only ensures that you can start typing as soon as you open the dropdown, but also prevents accidental redirects. eg if my branch/tag name starts with M then and as it doesn't auto focus, gitlab registers M (shift + M) as a shortcut to go to /dashboard/merge_requests?assignee_username=username page.
All of this is tested on Chrome Mac