Tooltip requires double click on Android Touch Devices

I am trying to open a jQuery UI tooltip with a click event.

With Safari / Chrome on iOS (ie iPhone / iPad) it opens on the first click. Chrome/Firefox / 'internet', 'browser' etc. on Android requires two clicks.

Even I tried just a basic click function:

$('.infoSectionTooltip').click(function () {
    $(".infoSectionTooltip").tooltip("open");
    alert('hey');
});

When I click on .infoSectionTooltip, the tooltip opens on iOS devices and triggers the "hey" alert.

Android touch devices only triggers the "hey" alert and doesn't open the .infoSectionTooltip until the user clicks again

Here is an example with my full code: https://jsfiddle.net/jshgL2r4/7/

On any Android device it takes two clicks to see the tooltip, iOS opens after one.

Things to note:

• I have tried on a Nexus 5X, three different Samgungs, and a few different tables

• Using jQuery 3.1.1 but I have also tried the last four versions as well ( including a 2.X.X and 1.X.X)

• Using jQuery UI 1.12.1 and I have also tried the previous version.

• There are no hovers