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

Android 4 text input problem

6 Answers 127 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Ivan
Top achievements
Rank 1
Ivan asked on 02 Oct 2012, 08:20 AM
Hi,
I am testing Kendo UI Mobile on different devices and I have a problem with text input on android 4 devices when using native browser.
For example, when entering text in input text box if I click smiley on keyboard or select suggested text, only first letter is written to text box. If textarea is used instead of input text box everything works OK.
This problem is detected in Android native browser only and on multiple devices (Acer Iconia a500, Galaxy Tab ...). If I test this in other browser (ex. Google Chrome) text input works normally.

For testing I have used simple Kendo mobile application with one view and input text box as view content.

NOTE: I couldn't figure out if this is a browser's bug or has something to do with Kendo styling or events attached to elements but text input works normally if I don't initialize Kendo application or if I remove styles from body (.km-pane and .km-vertical) using jQuery removeClass.

Best regards,
Ivan

6 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 02 Oct 2012, 10:12 AM
Hi Ivan,

This is one of the issues you may hit on an Android device with the double input workaround enabled, check the Mobile Forms article in our documentation for how to disable it.

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!
0
Ivan
Top achievements
Rank 1
answered on 02 Oct 2012, 10:58 AM
Hi,

thanks for quick response. I have tried to disable double input workaround as proposed in article but this didn't solved the problem.
Sample application I use to test this issue is attached.

Best regards,
Ivan
0
Accepted
Kamen Bundev
Telerik team
answered on 10 Oct 2012, 10:52 AM
Hello Ivan,

Seems read-write doesn't restore the original functionality on some Android versions - inherit works much better. Try this in your test page:
#view-test-input
{
    -webkit-user-modify: inherit;
}


I've updated your points for noticing this. I've already updated the docs (though it may take some time to propagate).

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!
0
N Mackay
Top achievements
Rank 1
answered on 15 Oct 2012, 10:58 AM
Hi Kamen,

Any update on this? I'm testing on different handsets and this occurs on a Samsung galaxy S3 running android 4.0.4 with the latest OS patches.

Tested fine on iPhone4, Blackberry 9810 (upgraded to webkit 7.1) and a HTC Desire HD running Android 2.3.5.

Kind regards,
Norman.
0
Alexander Valchev
Telerik team
answered on 18 Oct 2012, 08:57 AM
Hi Norman,

I have already replied to your question in the ticket that you submitted on the same subject.
As a general information, the corresponding help topic is already updated and everyone who is interested in the known browser form issues and the possible workarounds can find it here.

Kind 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
N Mackay
Top achievements
Rank 1
answered on 18 Oct 2012, 08:59 AM
Alexander,

I got your response, the inherit workaround works.

Thanks for your assistance,
Norman.
Tags
General Discussions
Asked by
Ivan
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Ivan
Top achievements
Rank 1
N Mackay
Top achievements
Rank 1
Alexander Valchev
Telerik team
Share this question
or