javascript - Autocomplete requires you to click twice in iOS after update to 1.11.0

Question

Using jQuery 2.1.0 and jQuery.ui 1.11.0 Tested in iOS 7. iPhone and iPad Mini. Works on android and regular browsers.

The problem

We recently upgraded from jQuery UI 1.10.0 to 1.11.0 and now, when clicking an item in an autocomplete results list, you only get a hover, you have to click the same element again to get a click event. This used to work fine with version 1.10.0.

(JSFiddle link in comments)

What does not work

using css {cursor: pointer} does not work

using onclick="" does not work

(JSFiddle link in comments)

The weird part

But here comes the fun/weird part. It works in JSFiddle edit view, but not on the JSFiddle "/show" page.

JSFiddles: (type a letter to show results "s" is a good one)

• Html view (does not work)

• Edit view (works)

I've been working on this for days, but hadn't been able to reproduce it in JSFiddle before testing only the html view. So now I turn to you. I can't for the life of me figure out why the one page triggers a click event, and the other does not.

I am using the most basic function of jQuery autocomplete. In fact, using the exact same code that is presented on jQuery UI's home page.

The question

So, how do I get autocomplete to work with one click in iOS on the /show page?

(I will post additional links in comments because I don't have 10 rep yet. Unless I don't have enough rep to comment...)

Answer 1

Just a bit later, but

$("#input").autocomplete({
    open: function(event, ui) {
        $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
    }
});