I am working on a mobile app utilizing PhoneGap and it works wonderfully on my test iPhone, but not so well on Android phones. Since I can't just ignore the Android version, I need to make it run there. I was figuring I would just not use the range input, but then I noticed that it wasn't working on Chrome either. When you try to use it, it gets "sticky".
Here is a fiddle: http://jsfiddle.net/mUz8g/
I have distilled my code down to this
<
div
data-role
=
"view"
id
=
"first"
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
>
<
li
><
input
min
=
"0"
max
=
"10"
step
=
"1"
type
=
"range"
id
=
"input1"
/></
li
>
</
ul
>
</
div
>
app = new kendo.mobile.Application(document.body, {
transition: "fade",
initial:'#first',
loading: "<
h1
>Please wait...</
h1
>"
});
Any ideas on what I am doing wrong? Thank you.