Question

Hello I have simple JQuery UI Autocomplete realization

$("#adrField").autocomplete({
    source: function (request, response) {
        var reqvesturl = "myurl";
        $.ajax({
            type: "GET",
            url: reqvesturl,
            cache: false,
            dataType: "jsonp",
            success: function (data) {
                response($.map(data, function (item) {
                    return {
                        label: item.description + " (" + item.itemCount + ")",
                        value: item.description,
                        obj: item
                    };
                }))
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log(textStatus);
            }
        });
    },
    minLength: 1,
    select: function (event, ui) {
        // this.value
        console.log(ui.item.label);

        var reqvesturl = "myurl");
        $.ajax({
            type: "GET",
            url: reqvesturl,
            cache: false,
            dataType: "jsonp",
            success: function (data) {
                addrHelper.showAddresses(data);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log(textStatus);
            }
        });

    }        
});

But I can select data from list box just by keyboard event key down/up and enter, If I try to use mouse I can’t select it ? I don’t see any JS error or etc.
Can it be releted to some HTML structure or something other stuff ?

Answer 1

I have found the issue. This is other my script block AC behavior. Thanks.