Phonegap - Can not enter a text box in an iframe.

advertisements

I have a Phonegap app that is simple iframe serving a web site within it. Have a very strange issue - there's a certain input field (in this case, a textarea) that you can type in.. until you touch a second time on that textarea. Then, you're unable to type in it again (even thought you should technically still have focus) until you touch somewhere else, then come back to the textarea.

This only seems to happen with this one textarea.

I thought this was an issue specific to the app - until a completely different app (again, phonegap iframe serving a website) had the same issue. In this second instance, it was a plain text input, not a textarea.

Has anyone come across this before? Know what could be causing this issue?

We don't have -webkit-user-select: none; anywhere in our CSS - this seems to be a common related issue.

So, it looks like it was an issue related to using an iFrame. I just tried using inAppBrowser (https://github.com/apache/cordova-plugin-inappbrowser) instead of an iframe, and it worked like a charm. Also, it seems that performance is a little better!

Related Articles

Silverlight: Can not Enter Russian Text in a TextBox

On my home PC using Google Chrome (28.0.1500.72m version) I can't enter non-English text into Silverlight application TextBox: I can switch keyboard and I see it is changed in the mini-tray, but when I press any key on the Keyboard I keep receiving E

Groupbox foreach can not find all text boxes

I am trying to find which textbox i have entered the information into on a form and make the rest of the textboxes within the form blanked out and locked so no information can be entered into them. The problem is when i run the code and debug. I do n

Can not get a text box formatted in a decimal (MVC)

Inside my application I have a text box that has javascript convert values into a currency format. This is mandatory and nonnegotiable. ie. 5.50 becomes $5.50 and -5.50 becomes ($5.50) When I try to save I get a validation error because $5.50 is not

Can not validate the text box using javascript

my input text box source like this: <asp:TextBox ID="TxtDepCode" runat="server" Height="18px"></asp:TextBox> and my javascript function like this: <script type="text/javascript" language="javascr

You can not hide the text box when the radio button is checked

I am trying to hide/show text box when radio button is checked/unchecked using ASP.net but i am unable to do it. Can anybody help me out with this? what i am doing due to which i am unable to achieve what i want to. Thats my asp code protected void O

Can not get a text box value with space - jquery

I have a text box and a button , I writed a script that when clicked on button , create new textbox and Add it to form . but when I have text Like 32 bit and clicked on button It created a textbox with value like 32 . I get inspect element and result

ExtJS, can not scroll my text box to its bottom

I'm using extjs 4 and I've a textarea in which a insert some text, the scroll bar is by default set on top so when the text exceeds the textarea height it overflows. I would like to have my textarea scrollbar set by default on its bottom, so when i i

Can not edit the text box in the list

I have some troubles with the textbox or my brain. I can't understand what's the reason of unedittable textbox. I mean, i have listview with 3 columns:"Name","Code","Binding". By clicking on the "Name", the first an

Can not fill the text box with Javascript after editing

I have a simple drop-down box and I am successfully using Javascript to automatically fill a textbox when a drop-down item is selected. Once I edit any of the textbox's automatically filled text, or use a "Clear" button to erase textbox, the dro