Search Suggestions no longer selectable by mouse click in 3.11+

[Steve Callender]

It looks like there was something introduced into 3.11 that broke the search suggestions that come up when entering something into the search box. They are non-selectable with a mouse and the only way to access them is through tabbing/arrowing with the keyboard and pressing "Enter".

Tested on 3.11 and 3.12.

A not-confirmed but possible thing to look at is regression caused by bug https://bugs.launchpad.net/evergreen/+bug/1187993 perhaps.

[Galen Charlton (gmc)]

Confirmed, this is a regression, though upon examination it looks like it is caused by the patch for bug 2054128.

In particular, when using a mouse click to select a suggestion, it looks like the blur event on the input that closes the dropdown happens first, preempting any click event from getting recognized as applying to the one of the items in the dropdown.

[Galen Charlton (gmc)]

Looks like using mousedown rather than click on the ul might work around the issue.

However, per https://adamsilver.io/blog/building-an-accessible-autocomplete-control/, a better approach might be to:

- add a keydown handler on the input that closes the dropdown when the user tabs away from the input
- add a document-level click handler that hides the drop-down if the users clicks outside of it
- add something similar for touch events