Footer is hidden when using JQM 1.3.1 fixed toolbar Android Issue - multiple textboxes/select case

[anujpatel]

JQM 1.3.1 has added fix for Issue "changed hideDuringFocus logic to fix interaction with on-screen keyboard" at CL dcdf48f

But After Adopting fix, We are facing high issue Android Native Browser or App as mentioned below.

1. Application with header + multiple input type=text(ex. 15 textboxes) or select + Footer(with Many butttons and have click action binded and data-position=Fixed)
2. select First textbox and keyboard on SIII will open. move to another field using NEXT on keyboard. do until you see Scroll in App(Native scroll)
3. Using this fix, when you move to another text field, keyboard displayed and footer will be hidden. when you press go on keyboard, FOCUS still remains on textbox and Since FOOTER is HIDDEN. which looks bad. sometimes even same happens with Header. It only comes to visible when tapping out side of TextBox.

JQM 1.3.1 + JQuery 1.7.0 + Android 4.1.1 was used.

Can JQM team can resolve this asap if possible or update if there is internal fix available?

[anujpatel]

This is fresh issue for Android (SIII) and it has relation with JQM 1.3.1 Fixed toolbar Bug fix as mentioned above and should be fixed.

[jaspermdegroot]

@anujpatel

Please provide a test page. See the contributing guidelines for our JS Bin template.

[anujpatel]

@uGoMobi : Issue is shared at http://jsbin.com/epaxeh/2. Check it on Android SIII with 4.1.2

Issue1# Using JQM 1.1.1, in Android 4.1.2 Galaxy SIII, moving to other text fields((start from first field till end) using keybaord Next, Application is navigating to different page since footer is being clicked. BIG Issue.

Issue2# Using JQM 1.3.1, this navigating Issue seems resolve but hen you move to another text field(start from first field till end), keyboard displayed and footer will be hidden. when you press go on keyboard, FOCUS still remains on textbox and FOOTER is HIDDEN. Which cause context tobe displayed. not header/footer. They are hidden. Play with it. if you click outside then only they are visible

[ldeluca]

@anujpatel I can duplicate your issue with the latest version of jQM.

[ldeluca]

@anujpatel I can't see issue #1 since my device doesn't have a soft keyboard "next" button. But like I said before I can reproduce issue #2. I created a quick youtube video to show the issue. Basically the header and footer are fixed in the beginning but as soon as I click inside one of the input fields all of a sudden they are no longer fixed.

https://www.youtube.com/watch?v=yATPQtTLte4&feature=youtube_gdata_player

The issue also happens in the Chrome browser so I don't believe this is specific to Android. Looking into it.

[arschmitz]

There is no such thing as fixed position with a softkeyboard open in ios or android. It is simply disabled by the browser while the key board is open. Im going to close this as wont fix.

[ldeluca]

@anujpatel looks like you spelled toggle wrong "toogle". Thanks @arschmitz for finding that. http://jsbin.com/repito/1/edit?html,css,output Testing in chrome now works just fine. I still am seeing the issue with an Android device though when I created a Cordova app. Goes from initially being fixed to being at the top and bottom of the page

Here's a video: https://www.youtube.com/watch?v=gaD-kxzsW-E&feature=youtube_gdata_player

checking chrome inspect it looks like the header and the footer still get the ui-fixed-hidden styles applied regardless of the toggle data tag being set to false. data-tap-toggle="false"