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