I have created an app that utilizes kendo mobile using Icenium. I have a form on one view that is too long to fit on one page. I have run into an issue where when a text field is active (shows a white input box) and the user scrolls the white input box stays still while the rest of the form scrolls. Then when another field is selected the input box is not in the correct place (it should be directly above the field being edited). This makes for a very confusing form entry if the user accidentally or purposely scrolls while a field is selected. Is there a workaround for this?
On attached example html doc form is under the "settings" view on line beginning on line 100. Though I think the issue lies within the "kendo/js/kendo.mobile.min.js" file which I did not include since it is the default min file (unaltered).
Any help would be greatly appreciated.
On attached example html doc form is under the "settings" view on line beginning on line 100. Though I think the issue lies within the "kendo/js/kendo.mobile.min.js" file which I did not include since it is the default min file (unaltered).
Any help would be greatly appreciated.
6 Answers, 1 is accepted
0
kory
Top achievements
Rank 1
Rank 1
answered on 26 Nov 2012, 07:58 PM
Okay, actually fixed this issue with an updated version of the "kendo.mobile.all.min.css" file. Once this fix was applied duplicate text boxes do not render (excellent) but the date-picker crashes my app once a date is entered. Any ideas?
0
Hello Kory,
I tested your code on iPhone (iOS6) and Android 4.1.2 phones but did not managed to reproduce the crashing behaviour.
Could you please specify on what platform you are testing? Also does the issue occurs only if the application is packed with PhoneGap and what is the exact KendoUI version?
As a general information, you can read about the common form issues in this help article.
Regards,
Alexander Valchev
the Telerik team
I tested your code on iPhone (iOS6) and Android 4.1.2 phones but did not managed to reproduce the crashing behaviour.
Could you please specify on what platform you are testing? Also does the issue occurs only if the application is packed with PhoneGap and what is the exact KendoUI version?
As a general information, you can read about the common form issues in this help article.
Regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Robert
Top achievements
Rank 1
Rank 1
answered on 21 Dec 2012, 04:45 PM
Alexander,
I too am having issue with choosing a date in Android and it crashing the app. The app is not packaged with PhoneGap it is a web app solely.
Any one else having issues like this?
Robert
I too am having issue with choosing a date in Android and it crashing the app. The app is not packaged with PhoneGap it is a web app solely.
Any one else having issues like this?
Robert
0
Hello Robert,
Could you please provide a sample runnable page that demonstrates the issue? What device are you testing with and what is the Android version?
Regards,
Alexander Valchev
the Telerik team
Could you please provide a sample runnable page that demonstrates the issue? What device are you testing with and what is the Android version?
Regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Robert
Top achievements
Rank 1
Rank 1
answered on 27 Dec 2012, 08:59 PM
Using the default browser in a Samsung Galaxy SIII Android Version 4.0.4
Here is a sample:
Just click on the date to bring up the control. Choose a date and click Set Date and it will crash.
Here is a sample:
Just click on the date to bring up the control. Choose a date and click Set Date and it will crash.
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Mobile</title> <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css" rel="stylesheet" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script> <meta charset=utf-8 /></head><body> <div data-role="view" id="orderhistory" data-layout="default" data-before-show="redirectBack" class="hideload"> <ul data-role="listview" data-style="inset" data-type="group"> <li> <ul class="ordULHist"> <li> <h2 class="txt"> Order History</h2> </li> <li class="ddLocationsWrap" style="border: 0px none !important;height:40px !important"> <select id="ddLocHistory" style="width: 100%" class="ddLoc"> </select> </li> <li>Starting Date: <input class="dtDate" id="dtHistoryStart" type="date" value="2012-12-27" /></li> <li>Ending Date: <input class="dtDate" id="dtHistoryEnd" type="date" value="2012-12-27" /></li> </ul> </li> </ul> <table style="width: 100%"> <tr> <td style="text-align: center"> <p> <a data-role="button" type="button" id="btnViewOrders" data-click="bindHistory">View Orders</a> </p> </td> </tr> </table> </div> <script type="text/javascript"> var app = new kendo.mobile.Application(document.body); var bExit = false; $(function () { try { $("#chkremember").kendoMobileSwitch({ checked: true }); $(".hideload").removeClass("hideload"); } catch (err) { alert("Error attempting to load page: " + err.Message, true); } }); </script></body></html>0
Hi Robert,
Looks like Samsung added date/time pickers support in their latest Android native browser, which other Android phones do not have. I managed to reproduce the issue on a Samsung Galaxy Note with 4.0.4 (S III around here got updated to 4.1) and the issue is caused by the double inputs workaround that is included in Kendo UI Mobile. To disable it and get the date pickers working (but the double inputs will start to show), use the fix described in the documentation:
Unfortunately this trade-off cannot be avoided in Android 4.0. The date picker bug seems to have been fixed in the Android 4.1 firmware for the Galaxy S III though (Google also fixed the double inputs issue in 4.1).
Regards,
Kamen Bundev
the Telerik team
Looks like Samsung added date/time pickers support in their latest Android native browser, which other Android phones do not have. I managed to reproduce the issue on a Samsung Galaxy Note with 4.0.4 (S III around here got updated to 4.1) and the issue is caused by the double inputs workaround that is included in Kendo UI Mobile. To disable it and get the date pickers working (but the double inputs will start to show), use the fix described in the documentation:
.km-root .km-on-android input {
-webkit-user-modify: inherit;
}Unfortunately this trade-off cannot be avoided in Android 4.0. The date picker bug seems to have been fixed in the Android 4.1 firmware for the Galaxy S III though (Google also fixed the double inputs issue in 4.1).
Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!