Skip to main content

Search and Top Navigation

#15113 new bug ()

Opened December 07, 2016 07:46PM UTC

Last modified May 04, 2017 03:41PM UTC

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

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

Attachments (0)
Change History (2)

Changed December 07, 2016 08:24PM UTC by rjollos comment:1

description: 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 \ 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: \ {{{#!js \ $('.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 \

Changed May 04, 2017 03:41PM UTC by scottgonzalez comment:2

component: ui.coreui.tooltip