Skip to content
This repository

JQM 1.2 Alpha: Popup with form quickly opens and closes android keyboard can't input text. #4797

Closed
webslash opened this Issue August 02, 2012 · 18 comments

10 participants

webslash Gabriel "_|Nix|_" Schulhof Todd Parker dodozhang21 Bryan Gregory Ghislain Seguin enginarc corytam Emmanuel Saracco Jasper de Groot
webslash

On my Samsung Galaxy SII (ICS) the Popup with a form is opened, when I click a form field the keyboard comes up and while the popup is trying to reposition itself (to data-position-to="window") the keyboard closes again. Making it impossible to input any text into the form fields. Tested jquerymobile.com/test/ in Android WebView, Chrome for Android and the default Android browser all have the issue.

webslash

Also tested on Samsung Galaxy SIII, same issue. Keyboard closes when focusing on form field.

Todd Parker

I just tested the form example in the docs on Android 2.1, 2.2, 2.3, 4.1 and in all cases, the form opened fine and I was able able to enter text into the inputs so I cannot reproduce.
http://jquerymobile.com/test/docs/pages/popup/index.html

The only oddness I saw was that when I clicked on an input in our 2.2 and 2.3 devices, the appearance of the on-screen keyboard triggers a re-position of the popup to center itself inside the now smaller viewport which is actually good, but it adds a re-draw.

Can you reproduce this issue on our docs page or just in your code? If the latter, we need a test page to review.

webslash

Hi Todd,

I've justed tested the latest docs page (http://jquerymobile.com/test/docs/pages/popup/index.html) again and the issue is still their.

This time I've tested on Samsung Galaxy S2 GT-I9100 (Android 4.0.3) & S3 (Android 4.1) which gives same issue as before
and on a Samsung Gio GT-S5660 (Android 2.3.3) where the pop up form works but it loses focus once then after foxusing again I'm able to fill in the form properly.

Here's the exact behaviour I get per device:

Samsung Galaxy S2 and Samsung Galaxy S3:
1. Open the http://jquerymobile.com/test/docs/pages/popup/index.html page in default Android browser.
2. Push the Form button > The "Please sign in" popup form appears.
3. Push the first Field (username) gets focus
4. The Keyboard pops up a bit above the "Please sign in" popup form, the Keyboard closes again and field loses focus.. yet the Form tries to center itself inside the smaller viewport, then "Please sign in" popup form quickly repositions again in the full viewport. No keyboard so can't input text.

Just uploaded a Video to demonstrate the issue: http://youtu.be/0lxCgVX4m70

Samsung Gio:
1. Open the http://jquerymobile.com/test/docs/pages/popup/index.html page in default Android browser.
2. Push the Form button > The "Please sign in" popup form appears.
3. Push the first Field (username) gets focus.
4. Keyboard pops up, Form centers itself inside the smaller viewport, form field loses focus.
5. Push first Field again, gets focus and I'm able to type in properly.

Hopefully this gives a better understanding towards fixing the issue.

Thanks!

Todd Parker

Thanks, we're looking at this now.

dodozhang21

Hi I have similar issues when I tested my own simple popup using my google nexus 7. I cannot input text; the popup just jumps around on the screen.

Here's my test URL:

http://regretless.com/stuff/jQueryMobile/jQueryMobilePopup.html

Worked great in firefox ;) but doesn't work on my nexus 7.

Thanks

dodozhang21

Sorry just to clarify my statement. I meant that it works great in my firefox browser on my desktop. It does not work under chrome on my nexus 7. As far as I know firefox for android is yet compatible with Android 4.1.1 or else I'd like to try.

Thanks

Gabriel "_|Nix|_" Schulhof
Collaborator

Please try again with the latest jQuery Mobile. You can try the form popup on the documentation page. If you can still reproduce this problem, please reopen this issue.

Gabriel "_|Nix|_" Schulhof gabrielschulhof closed this August 12, 2012
Bryan Gregory

This issue is still occurring on my Samsung Galaxy S3 (Android 4.0.4) when navigating to the documentation page. Just tested it a few seconds ago after clearing cache. The keyboard input opens for a few seconds and then closes after the popup position adjusts.

The issue is NOT occurring on my HTC EVO (Android 2.3.5).

webslash

Are you sure you are testing the latest JQM version?
(Located at http://jquerymobile.com/test/docs/pages/popup/index.html)

The issue is no longer there on my device.

Note there is one little thing:
The text WHILE TYPING in the username field is black and rather hard to read (in the password field it is always white).

Bryan Gregory

Ah your link worked, thanks! I was loading from http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/index.html thinking that was the latest documentation page, but I'll use your link (/test/docs/pages/) going forward.

I do still get the window position adjustment after about a second, but that is minor.

Thanks

Todd Parker

Good to hear we're on the right track. What versions of Android are you testing on so we can confirm?

Ghislain Seguin
Collaborator

I just tested on my Nexus S running Jelly Bean and it works as expected. The popup re-positions itself in the middle of the screen once the keyboard comes up.

enginarc

I can also confirm that it is now working on using Galaxy S2 with ICS Android 4.0.3

I was having the same issue. Related entry in the forum => http://forum.jquery.com/topic/popup-input-loosing-focus-on-mobile-when-selected

Can you share when these code changes will be reflected to any publicly announced version of jqm?

webslash

I've just tested the popup from within an Android WebView and there is some kind of lag going on, it takes a while for the keyboard to load/popup and when typing the letters don't appear immediately but only after a short time..

Other jqm fields in WebView don't have this, so I'm assuming theirs still a bug in the jqm popup :/

I'm using the latest jqm javascript file (http://jquerymobile.com/test/js/jquery.mobile.js)

Alexander Schmitz arschmitz referenced this issue from a commit in arschmitz/jquery-mobile August 12, 2012
Gabriel "_|Nix|_" Schulhof [popup] Do not fiddle with the focus when rapid-opening/closing durin…
…g reposition - Fixes: #4797 (hopefully)
c12a74c
corytam

Was this supposed be fixed in 1.2.0 final?
Because I have this issue when the keyboard behavior is to resize the screen due to insufficient screen space ( and I set in native to change the keyboard to resize in landscape)
It seems the popup opens again and re-positions to the window (center of page)
My test device is a Xoom tablet , Android 4.0.4 .
Using Jquery 1.2.0 final , jquery 1.8.2

It is fine when the keyboard is in overlay behavior.
I also have to reposition the popup on orientation change , but I'm sure its already on another ticket.

Edit
Oh i just realised this issue is mainly about not being able to enter into the input field , which is not the case for me.
My issue is the repositioning part.

Emmanuel Saracco

I know this one was closed, but same problem here with JQM 1.3.1 (JQ 1.9.1) and Android 2.3.7 on Motorola Motoluxe. I can not input text in "Sign in" example (http://view.jquerymobile.com/1.3.1/dist/demos/widgets/popup). Keyboard open itself fine, but as soon as I input the first letter it desappear.
Same problem with panels containing form (http://view.jquerymobile.com/1.3.1/dist/demos/widgets/panels/panel-fixed.html).

Emmanuel Saracco

Same with JQ 1.10.1. Should I open a new issue on the bug tracker ?

Jasper de Groot
Owner

@esaracco - Yes please. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.