jQuery UI autocomplete select event not working with mouse click

Question

I have a list of links, and I have this search box #reportname. When the user types in the search box, autocomplete will show the text of the links in a list.

Answer 1

I recently encountered the exact same problem (autocomplete items not clickable, keyboard events working).

Turned out that in my case the answer was not at all JS related. The autocomplete UI was not clickable simply because it was lacking an appropriate value for the z-index CSS property.

.ui-autocomplete {
    z-index: 99999; /* adjust this value */
}

That did the trick.