Fixed footer problem - comeback

[Adam Garbinski]

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.

[Illya Stepanov]

Hi Adam,

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

[Adam Garbinski]

Sorry. It is '3MC' now.

[Kateryna Grynko]

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

[Adam Garbinski]

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");
}
});

[Kateryna Grynko]

Hi Adam,

Did you try what I suggested?

[Adam Garbinski]

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

[Maryna Brodina]

Hello! We'll test and let you know.

[Adam Garbinski]

Many thanks Maryna!

[Maryna Brodina]

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?