I've come across an issue when using autocomplete with autoFocus=true and using:

1. .click(function (e) {
2.       $(this).autocomplete("search");
3. })

to open the list of options.

There's some kind of race condition where the first element in the list is selected for a second and then becomes deselected.

Both features work independently but when combined there is an issue.

Is this a know bug? Is there a fix or workaround?

Here's some code. (I have extended autocomplete for categories, i also tried without category extension with same results):

2. $.widget("ui.catcomplete", $.ui.autocomplete, {
3.     _renderMenu: function (ul, items) {
4.         var self = this,
5.             currentCategory = "";
6.         $.each(items, function (index, item) {
7.             if (item.category !== currentCategory) {
8.                 ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
9.                 currentCategory = item.category;
10.             }
11.             self._renderItemData(ul, item);
12.         });
13.     }
14. });
15. var memberSearchTags = [{
16.     anchor: "ObjectModel.DataStore.Add"
17.     category: "Methods"
18.     label: "Add(...)"
19. }, {
20.     anchor: "ObjectModel.TextMessage"
21.     category: "Objects"
22.     label: "TextMessage"
23. }];
24. $("#mysearch")
25.     .catcomplete({
26.     source: memberSearchTags,
27.     select: function (event, ui) {
28.         $(this).val("");
29.         return false;
30.     },
31.       autoFocus: true,
32.     minLength: 0
33. })
34.     .click(function (e) {
35.     $(this).catcomplete("search");
36. });

Thanks much!

Steve