Damien,
I got around this issue by using the following:
var
originalHeight = document.documentElement.clientHeight;
var
originalWidth = document.documentElement.clientWidth;
$(window).resize(
function
() {
if
(document.documentElement.clientHeight == originalWidth &&
document.documentElement.clientWidth == originalHeight) {
originalHeight = document.documentElement.clientHeight;
originalWidth = document.documentElement.clientWidth;
}
if
(document.documentElement.clientHeight < originalHeight) {
if
(document.documentElement.clientWidth > originalWidth) {
var
itm = document.activeElement;
if
((itm.tagName !=
'INPUT'
) && (itm.tagName !=
'TEXTAREA'
)) {
$(
'.footer'
).show();
}
}
else
{
$(
'.footer'
).hide();
}
}
else
{
$(
'.footer'
).show();
}
});
$(
"input[type=text], input[type=password], input[type=email], textarea"
).focus(
function
() {
$(
'.footer'
).hide();
});
$(
"input[type=text], input[type=password], input[type=email], textarea"
).blur(
function
() {
setTimeout(
function
() {
var
itm = document.activeElement;
if
((itm.tagName !=
'INPUT'
) && (itm.tagName !=
'TEXTAREA'
)) {
$(
'.footer'
).show();
}
}, 300);
});