Tooltip disappears when clicking a <select> element inside

[dhardtke]

Hey guy,

I am using tooltipster like this:

var content = $("#game_tooltip_template").detach().html();
$(".game").tooltipster({
    functionReady: function(origin, tooltip) {
        tooltip.find(".profile_select").select2({
            minimumResultsForSearch: Number.POSITIVE_INFINITY
        });
    },
    content: content,
    theme: '.tooltipster-shadow',
    position: 'bottom',
    interactive: true,
    trigger: 'click'
});

As you can see I specified "functionReady" to call select2 (great jquery select plugin) after the initialization of the tooltip.
Now, my issue is, that when I click on the it is hiding my tooltip, instead of showing me the content and the tooltip.

What is wrong? I think it's a bug.

PS:
It's also happening without select2, so it's not the select2 plugin.

[calebjacob]

This should now be fixed!

[louisameline]

For your information, there is indeed a bug in the current version of select2 in Internet Explorer, it triggers a click on the body when the dropdown list goes down. It is a bug related to select2 only, not selects in general and not Tooltipster in particular.

https://github.com/ivaynberg/select2/issues/1058

[louisameline]

... and I just solved it here https://github.com/ivaynberg/select2/pull/1913