Input Text Into Popups Failing for JQM 1.4.5 on Android 4.3

[sme150]

This issue seems similar to issues #6116 and #4797.

Using Android 4.2 Devices, I have not had any issues with Form Text Fields within a dialog using a virtual keyboard (Phone or Tablet).

However, on Android 4.3 and 4.4.2, the popup reacts as follows.

1. Click to open popup and set focus in text field.
2. Page repositions to center popup in remaining space after keyboard is visible.
3. Enter any character into text field.

Expected: Keystroke captured, awaits next user input.

Actual: Keystroke captured, dialog disappears, keyboard disappears, then dialog reappears.

This completely blocks usage of text fields within popups on Android OS > 4.2.2 as far as I have found.

Is this a known issue, and are there any noted workarounds?

Repro'd this outside of my app visiting
http://view.jquerymobile.com/master/demos/popup

[gabrielschulhof]

I cannot reproduce this behaviour using the popup demo in Chrome on my 10.1" Samsung Galaxy Tab 4 running Android 4.4.2.

I'm opening the "Sign in" popup and typing into the "username" field using the virtual keyboard.

[gabrielschulhof]

Reproduced in the android emulator.

[sme150]

Repro's for me on the ASUS MeMO Pad 7" tablet (Build 11.2.3.18.2)

Could a possible difference would be if repainting is required or not when displaying the popup. Size difference may come into play?

[sme150]

I am launching an app in January, so this bug is very devastating to our launch date of Jan. 1

Does this look like something that would be an easy fix and be able to be incorporated into a forked build within the next 3 weeks? If not, does anyone have recommendations around converting popup driven forms to another type of form logic that doesn't leave the current page (i.e. toggling Divs, 3rd Party Tools, etc)

Any help here is greatly appreciated.

[gabrielschulhof]

@sme150 I'll have a look today ...

[gabrielschulhof]

@sme150 the good news is that it doesn't seem to be happening everywhere, all the time. For example, http://jsbin.com/lehopo/1/ works just fine. So, I'm going to try and figure out what causes the instability.

[sme150]

Very cool. Thanks Gabriel, I appreciate the help very much. Let me know if you need anything further from me or for me to test different scenarios to help in the investigation.

[gabrielschulhof]

@sme150 I've been able to work around the problem by skipping the repositioning code if the popup remains on-screen despite the window resize events. So, I changed the logic to this: In response to a resize event, before doing any hiding/showing/repositioning, check if any part of the popup is still visible. If so, do nothing.

[sme150]

Thanks Gabriel. Is there any change you can provide a jsfiddle of what you are describing, or is this a core change to the JQM itself?

[gabrielschulhof]

@sme150 I'm pretty sure this will require a change to the code for the popup widget.

[sme150]

@gabrielschulhof understood. What is the process to get such a change implemented? I haven't worked with GitHub previously so I am not knowledgeable when it comes to making changes to the JQM scripts themselves.

In the meantime would it be easier for me to get a forked build with your recommended changes while waiting for the change to be implemented in the core product build?

[gabrielschulhof]

@sme150 yes, you should probably use a modified copy.

[sme150]

Thanks @gabrielschulhof

Can you possibly send a copy of the changes you made? I am not very versed with editing the jqm scripts and don't want to cause any unintentional regressions by not doing the changes correctly.

[gabrielschulhof]

@sme150 http://babulina.go-nix.ca/nix/jquery.mobile.7862-1.4.5.js

Please try that and let me know if it helps with your problem.

[gabrielschulhof]

@sme150 I've tried the modification and, basically, it's not at all surprising: If the popup manages to stay on-screen as a result of the appearance of the keyboard, it behaves OK. However, if the keyboard causes it to disappear off-screen, the whole enchilada with the focus-losing starts to happen.