Footer navbar moves up when clicking on a textbox

[Kateryna Grynko]

Hi Adriano,

This is a standard Appery.io behaviour, not a bug.

[Adriano Di Paulo]

OK how can I void this behaviour..

that make really easy to press a button from the footer when I don't want ..

it's not a good ui experience..

also why sometimes show and some time don't

for example if you click on the input will not show and if you click on the second will display and if you click on another will not display .. also is really bad when you use the dropdown

regards,

[Kateryna Grynko]

Unfortunately, you can't.

Device displays keyboard over the page or decreases its height. This behaviour is specific for different OS and can also depend on browser.

[Kateryna Grynko]

You can see discussion here: http://stackoverflow.com/questions/13...

[Adriano Di Paulo]

OK but still my question why is so intermittent... click to input value no show click on the second one and shows

regards,

[Kateryna Grynko]

Could you please clarify, can't you see keyboard?

[Adriano Di Paulo]

No... If you run the app that I shared with you.. You will see the problem..just click on the first input you will see the keyboard and no footer.. Go to the. Second input and now you see keyboard and footer above the keyboard.. Now go back to the first input and footer now is gone.

[Maryna Brodina]

Hello! Could you tell us your app name?

[Maryna Brodina]

Hello! This link should help http://stackoverflow.com/questions/13...

Create JS asset with the following code:

codevar 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&#46;innerHeight + tolerance) < portraitScreenHeight)){
$("[data-role=footer]")&#46;hide();
}
else if((window&#46;innerHeight + tolerance) < landscapeScreenHeight){
$("[data-role=footer]")&#46;hide();
}
else{
$("[data-role=footer]")&#46;show();
}
});/code

[Adriano Di Paulo]

works thank you..