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

Input field in modalview don't get focus on tap/click

3 Answers 323 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Idan
Top achievements
Rank 1
Idan asked on 10 Jan 2014, 01:53 PM
I have a problem that I am unable to solve. 

I have an input field that shown when a modalview is opened. When I click that text input field on my iPhone 5S, it opens the keyboard. But when I enter text it is not shown in the input field. I tried debuggin an give it a focus $("element").focus(), but that' didn't bring the keyboard nor gave the input field a focus.

When I put an input field inside the main view, I get focus when I tap it.

Any suggestions how to solve this.

Things I've done:
- Create another input field with another id (doesn't work)
- Tried to capture the click event via jQuery - it didn't trigger any click event!
- No filters are applied to the input field (there are, but I commented them out)
- The field react to the kendoTouch>Tap event

Things I've noticed:
- Tapping on a button in a modalview transfers the click to the elements behind it (using Kendo UI Mobile v2013.2.1021) - this is another problem that I haven't solved out yet

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 14 Jan 2014, 02:32 PM
Hello Idan,

Can you reproduce this issue using our online demos as well? I have tested this using iPhone 5 running iOS 7.0.4 and this demo, but to no avail.

Could you please extract a sample demo, where this issue is reproduced so we can take a look?

Regards,
Kiril Nikolov
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0
Kjell
Top achievements
Rank 1
answered on 29 Jan 2014, 05:51 PM
Idan -- were you able to resolve this?  I am experiencing a similar problem and am running out of ideas.  

Here is my behavior:

-First touch opens the keyboard but does not focus the input, text goes nowhere
-Second touch -- everything works fine

After the second touch I can also switch between inputs without any issues, it's only first touch that doesn't work.  Not a huge deal but it's the login screen on my app so the very first thing a user encounters.  I've tried stripping my form down to just the one input so nothing else is interfering with it but this did not impact the behavior.  I'm on an ipad, works fine in the sim. 
0
Steve
Telerik team
answered on 30 Jan 2014, 02:45 PM
Hello Kjell,

Download the latest version of Kendo UI Mobile and upgrade your project with the respective new Kendo files. If you do not want to upgrade, please add the following line to the deviceready Cordova event:

$(document.body).height(window.innerHeight);

If your app supports landscape as well, you might want to invoke this line on orientationchange even as well.

Regards,
Steve
Telerik
Icenium is now Telerik AppBuilder, and is part of the Telerik Platform. For more information on the new name, and to learn more about the Platform, register for the free online keynote and webinar on Wednesday, February 12, 2014 at 11:00 a.m. ET (8:00 a.m. PT)
Tags
General Discussions
Asked by
Idan
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Kjell
Top achievements
Rank 1
Steve
Telerik team
Share this question
or