Forum | Appery.io

Hello,

I had the problem with fixed footer described and reported here:

https://getsatisfaction.com/apperyio/...

I was able to fix both issues described there, by following Appery advice. However, the issue returned somehow. Right now I am testing the app on the iPhone 5s (app exported to Xcode project and installed on the device via Xcode).
What is weird is that when I open the app and click on search input, the footer always jumps up, "intercepts" click and executes the code attached to footer buttons (in my case it is navigating to other pages). But the next time I click the search input the footer stays hidden. The issue returns again when I perform various operation in the app (like displaying search results).

Can you please help me find the reason why the fix stopped working?
My app is called '3mamcukier' and is shared with Appery support.

Hi Adam,

Sorry but we can't find such app shared with us, can you try to share it again?

Sorry. It is '3MC' now.

Hi Adam,

Did you set codeposition:fixed/code in Properties panel? You can also try this CSS code:pre[data-role=footer]{
top:auto;
bottom:0;
position:fixed;
}/pre

Hi Katya,

Yes, position is set to fixed, and I use this code from you:

// This code is provided by Appery support and is responsible for hiding footer when input keyboard appears on the screen so they do not conflict.

var portraitScreenHeight;
var landscapeScreenHeight;

if(window.orientation === 0 || window.orientation === 180){
potraitScreenHeight = $(window).height();
landscapeScreenHeight = $(window).width();
}else{
portraitScreenHeight = $(window).width();
landscapeScreenHeight = $(window).height();
}

var tolerance = 25;
$(window).bind('resize', function(){
if((window.orientation === 0 || window.orientation === 180) &&
((window.innerHeight + tolerance) < portraitScreenHeight)){
$("[data-role=footer]").hide();
}else if((window.innerHeight + tolerance) < landscapeScreenHeight){
$("[data-role=footer]").hide();
}else{
$("[data-role=footer]").show();
$("[data-role=footer]").css("position", "fixed");
}
});

Hi Adam,

Did you try what I suggested?

Hi Katya,
Yes, I tried. Added to CSS assets but still the same issue.
You can reproduce it on the device but also on iOS simulator, built in Xcode 5.
Please help,
I'm stuck with app deployment.
Adam

Hello! We'll test and let you know.

Many thanks Maryna!

Hello! We tested your app. There is a problem with header - it's shifted after keyboard is closed (on iOS7) and jumps when it's closed (iOS6). Is that the problem you have?