Opened 2 years ago

Last modified 20 months ago

#15113 new bug

Tooltip requires double click on Android Touch Devices

Reported by: kater89 Owned by:
Priority: minor Milestone: none
Component: ui.tooltip Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by Ryan J Ollos)

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

Change History (2)

comment:1 Changed 2 years ago by Ryan J Ollos

Description: modified (diff)

comment:2 Changed 20 months ago by Scott González

Component: ui.coreui.tooltip
Note: See TracTickets for help on using tickets.