Сайт Landing page на мобильном устройстве, проблема с клавиатурой

Question

У меня есть небольшая проблема на целевой странице, которую я только что создал. Он отлично работает на настольных браузерах. Однако на мобильном устройстве при попытке ввода электронной почты в поле уведомлений клавиатура появляется на полсекунды и исчезает. Какие-либо предложения?

Сайт: www.imgr8.com

Answer 1

Это выстрел в темноте, но каковы шансы, что p.copyright тега, который имеет абсолютную позицию в нижней части страницы может быть интерферирующим? Что произойдет, если вы полностью удалите этот элемент?

Answer 2

Ваша эта линия вызывает проблема:

onfocus="this.placeholder = ''" 

Изменения выше с чем-то еще, как:

input:focus::-webkit-input-placeholder { color:transparent; } 
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ 
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ 
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ 

Надеется, что это поможет.

Answer 3

Это связано с событием изменения размера, которое у вас есть. Он запускается, когда клавиатура появляется на экране.

$(window).resize(function(){ 
    toggleMs(); // Checking to destroy or build when we resize browser 
}); 

Вы можете демонстрацию этого изображения в окне браузера. Измените размер окна так, чтобы он был маленьким, как мобильный, а затем обновите страницу. Нажмите на ввод текста, а затем измените размер экрана снизу, и вы заметите, что курсор не остался сфокусированным на входе.