This is a migrated thread and some comments may be shown as answers.

JQuery click broken in 1114

5 Answers 106 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Anker Berg-Sonne
Top achievements
Rank 1
Anker Berg-Sonne asked on 30 Nov 2012, 05:26 PM
In prior versions the JQery click() method worked, but in 1114 it doesn't work at all on touch devices. It works just fine with mice.

Here's a page that demonstrates the issue:

http://Dashboard.Sentegy.com/Test.html

if you are on a mouse device clicking on the button generates the alert. On a touch device (iOS) it doesn't pop up. This causes all kinds of problems because Kendo UI Web is also broken. For example selection of an item in a tree view doesn't work on touch devices. I assume its all the same underlying root cause.

The source follows:

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js" type="text/javascript"></script>
    <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.silver.min.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  </head>
  <body>
    <div data-role="view">
      <a id="Button" data-align="left" data-role="button" >Press me</a>
    </div>
    <script>
      app = new kendo.mobile.Application(document.body);
      $("#Button").click(function () {
        alert("Clicked");
      });
    </script>
  </body>
</html>



5 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 03 Dec 2012, 01:54 PM
Hi,

Thanks for contacting us. The issue you describe is resolved, and will be addressed in our next internal build, about to be released this week.  

All the best,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
kory
Top achievements
Rank 1
answered on 04 Dec 2012, 02:54 PM
I have noticed this issue as well. I have also noticed a huge performance hit after changing my code to be triggered with mousedown on an android device (galaxy note s2). It takes several taps to get a click to regester. When I switch back down to kendo 2012.2 I dont have the delay. Is this the same problem or am I doing something else wrong?
0
Petyo
Telerik team
answered on 04 Dec 2012, 03:47 PM
Hi Kory,

Using mouse (mousedown) events on a touch enabled device is not recommended. The issue in this thread is related to a problem with the DOM Click event (which usage is also discouraged, but sometimes unavoidable. 

If you still experience troubles after upgrading to the latest internal build, do not hesitate to contact us with a sample project that demonstrates the issue.

Anker, 

If you use a Kendo UI mobile button widget, I would like to recommend using its widget click event, as it is significantly faster and performs better on a mobile device. 

Kind regards,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Anker Berg-Sonne
Top achievements
Rank 1
answered on 04 Dec 2012, 05:15 PM
Thanks Petyo,

That works for buttons, but not for the more complicated controls like tree view.

Anker

>If you use a Kendo UI mobile button widget, I would like to recommend using its widget click event, as it is significantly faster and performs better on a mobile device. 
0
Petyo
Telerik team
answered on 05 Dec 2012, 12:59 PM
Hello Anker,

Our treeview widget is tested on touch devices, too. Some issues were present in the initial Q3 released, but they are also addressed in the subsequent internal builds we have released.

Kind regards,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
Anker Berg-Sonne
Top achievements
Rank 1
Answers by
Petyo
Telerik team
kory
Top achievements
Rank 1
Anker Berg-Sonne
Top achievements
Rank 1
Share this question
or