Forum | Appery.io

On iOS, if I focus on a text input and close it by pressing "done", the header and footer go to their correct places, but if I close the text box by tapping somewhere else in the screen, this happens:

Hi Tiago,

We reproduced the issue, working on it.

Hello Tiago,

Please look at this link: https://getsatisfaction.com/apperyio/...

Unfortunately, that link doesn't really offer an answer to my problem.
Isn't there a way to force the header and footer to re render once the keyboard goes away?

I've tried hiding the footer when focusing a text box and showing it again on a blur event, but the result is that the footer flickers around a bit before ending up in the right position and the header is still messy (I can't really afford to hide the header).

Though it's not an elegant fix, this bit of code manages to work around the problem by forcing a an update:

code$(document).on('blur', 'input, textarea', function() {
setTimeout(function() {
window.scrollTo(document.body.scrollLeft, document.body.scrollTop);
}, 0);
});
/code

Hello,

Thank you for the update. Let us know if you need any further help.