Forum | Appery.io

Hello Cody!

We created new app, added a lot of components on screen. Added Grid in footer and Input component inside the Grid. Tested app on iPhone and issue is not reproducible.

You would need to comment CSS code to see what is the exact CSS file causing this problem.

As I indicated in my original message, the input area will not jump unless the components displayed exceed the length of the screen. It has nothing to do with CSSs in my project.

I've created a clean new 1-page app as well with no CSS (shared with support@appery) called "InputFooterJumps".

It has the same issue which is reproducible. Please see screenshot.

I'd appreciate your help in resolving this issue soon.

One correction/addendum to my previous note: we do have $("[data-role=header]").css("position", "fixed") associated with page show in "InputFooterJumps" app above. This is essential as otherwise the footer undergoes undesirable behavior (toggles/disappears, or doesn't show when content is excessive).
https://getsatisfaction.com/apperyio/...

Request you to review and help me resolve the glitch reported in this thread as soon as convenient.

Hello!

Tried without this code and issue is not reproducible.

I'm not sure I understand what do you mean on "undesirable behavior". Can I see that behavior in test app InputFooterJumps if I comment the code?

Hi

I'm not sure why I am being asked this when the topic has being extensively discussed below (your team suggested the JS) and as wells as other threads. For my own case I do not want the footer to disappear when screen is tapped, and secondly for the display to not scroll all the way to the end of the screen when input area is pressed (this is disruptive for user experience as well as my app functionality).
https://getsatisfaction.com/apperyio/...

I'm afraid I've gone back and forth so many different times in this thread on this issue. Are you interested in helping resolve this?

Regards.

Sent to iOS developer.

Thanks!!

Hello!

Open your test app--Source tab--InputFooterJumps - Classes - MainViewController.m, find - (id)initWithNibName:(NSString )nibNameOrNil bundle:(NSBundle )nibBundleOrNil method and replace its content with the following:

pre- (id)initWithNibName:(NSString )nibNameOrNil bundle:(NSBundle )nibBundleOrNil
{
if(self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil])
{
self.statusBarHeight = [[UIApplication sharedApplication] statusBarFrame].size.height;
self.initializeCompleted = NO;
self.delayedRequest = nil;
//fix for jqm issue #4113
[[NSNotificationCenter defaultCenter] addObserverForName:UIKeyboardWillShowNotification
object:nil
queue:nil
usingBlock:NSNotification *note {
[self.webView stringByEvaluatingJavaScriptFromString:@"$(\"div[data-role='footer']\"").addClass(\""ui-fixed-hidden\"");""];
}];
[[NSNotificationCenter defaultCenter] addObserverForName:UIKeyboardWillHideNotification
object:nil
queue:nil
usingBlock:NSNotification *note {
[self.webView stringByEvaluatingJavaScriptFromString:@""$(\""div[data-role='footer']\"").removeClass(\""ui-fixed-hidden\"");""];
}];
}

 return self; 

}/pre

Worked for me on iPhone (iOS 8.1.1)

By the way it's iOS bug and solution provided above is a workaround."

Hi,

With the change there is phonegap error in Xcode (see screenshot 1). Did you forget * in NSString and NSBundle in line 1 of your code?

If so I corrected line 1 (see screenshot 2). With that, same issue on your iOS tester app and on iOS (5S / 7.1.2 and 5c / 7.0.4) persists: the footer jumps in InputFooterJumps app.

btw did you include/uncomment $("[data-role=footer]").css("position", "fixed") JS in your test? it was commented out in my app until now. Please check again on above platforms and your tester app (and perhaps iOS 8 in addition) and you will encounter the unresolved issue again!

Will appreciate proper resolution as soon as convenient on this front!!
Thanks.

Hello!

Please delete that JS (or comment it). You don't need to set footer to fixed position. It's fixed by default in Appery.io. The problem is how iOS handle this flag.

Export app via Appery.io and test. Let me know result.

You can also send us a request at a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a with a link to this topic so we can send you project backup which worked for us.