Hi,
I have found that if you navigate to a view, and use the back button on the second view to jump back to the first, if you are using a touch device and hold the back button too long, it will trigger a double-click event and activate any controls on the original page that are in the same spot as the back button.
I have constructed an isolated application that can reproduce this erroneous behavior using kendo v2012.2.710.
Any help with a fix is greatly appreciated.
Thanks
John
I have found that if you navigate to a view, and use the back button on the second view to jump back to the first, if you are using a touch device and hold the back button too long, it will trigger a double-click event and activate any controls on the original page that are in the same spot as the back button.
I have constructed an isolated application that can reproduce this erroneous behavior using kendo v2012.2.710.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
head
>
<
title
>Kendo Link Double Clicking</
title
>
<
script
src
=
"jquery-1.7.2.min.js"
type
=
"text/javascript"
></
script
>
<
script
src
=
"kendo.mobile.min.js"
type
=
"text/javascript"
></
script
>
<
link
href
=
"kendo.mobile.all.min.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
</
head
>
<
body
>
<!-- View 1 -->
<
div
id
=
"one"
data-role
=
"view"
>
<
div
class
=
"km-navbar"
data-role
=
"navbar"
>
<
input
id
=
"searchInput"
type
=
"search"
data-align
=
"left"
placeholder
=
"Search Box"
/>
Page 1
</
div
>
<
br
/>
<
span
>Click the button to be taken to the 2nd page</
span
>
<
br
/>
<
br
/>
<
a
data-role
=
"button"
href
=
"#two"
>Go To Page 2</
a
>
</
div
>
<!-- View 2 -->
<
div
id
=
"two"
data-role
=
"view"
>
<
div
class
=
"km-navbar"
data-role
=
"navbar"
>
<
a
data-role
=
"backbutton"
class
=
"km-button km-back"
href
=
"#:back"
data-align
=
"left"
>Back</
a
>
Page 2
</
div
>
<
br
/>
<
span
>Possible Bug: On a touch device, holding the back button for too long will trigger a double click.</
span
><
br
/>
<
span
>If there is an textbox in the same place on the new page as the button pressed, it will be set into focus.</
span
><
br
/>
<
span
>If there is a soft keyboard, it will also activate.</
span
><
br
/><
br
/>
</
div
>
</
body
>
<
script
type
=
"text/javascript"
>
var app = new kendo.mobile.Application($(document.body));
</
script
>
</
html
>
Any help with a fix is greatly appreciated.
Thanks
John