javascript Android mobile web obscures input

모바일 브라우저에서 시스템 키보드를 가져 오면 안드로이드에서 이슈발생.

iOS Safari에서는 가장 가까운 스크롤링 부모를 찾아 적절히 수행하는 것으로 보인다.

알아본 결과, Android 네이티브 브라우저의 버그라고 한다.

</body>태그 위쪽이나 document ready후에 아래 코드를 넣으면 정상작동한다.

if(/Android/.test(navigator.appVersion)) {
    window.addEventListener("resize", function() {
        if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
            window.setTimeout(function() {
                // document.activeElement.scrollIntoViewIfNeeded();
                document.activeElement.scrollIntoView();
            },0);
        }
    })
}

if(/Android/.test(navigator.appVersion)) {
    window.addEventListener("resize", function() {
        if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
            document.activeElement.scrollIntoView();
        }
    })
    $('input[type="text"]').attr('autocomplete', "off");
}