어제도 그랬는데..

오늘도 다른 버그를 찾았다.


iOS6 사파리에서 가로로 피벗했다가 세로로 다시 피벗했을 경우!!!

문서가 늘어나 버리는 현상을 발견하였다...



현상 발견!


1. 처음 로딩된 세로 화면


2. 가로 화면



3. 가로에서 세로로 세웠을 경우의 화면



뭐지............ @_@


그래서 임시 방편으로 수정을 했는데


하루 종일 파내서


이유를 찾아냈다.



문제는

input의 placeholder...


iOS6 에서 input (type=text일 경우만 테스트 해보았다.) 에 placeholder가 있어서 생기는 문제 였다.


아직 많이 발견 안된거 같은데.................

으헝.....................


결론은 해결했다.


placeholder를 지우면 된다.


하지만!

그냥 지우면 안나오잖아 ㅠㅠ


그래서 꼼수를 썼다.

placeholder를 없앴다가 다시 넣으면 되지 않을까? 라는 생각에.... ㅋ


    /* Optimized PLACEHOLDER for iOS6 - Mooki ( http://mooki83.tistory.com ) */


$(document).ready(function(){

$(window).bind("orientationchange.fm_optimizeInput", fm_optimizeInput);

});

function fm_optimizeInput(){

    $("input[placeholder],textarea[placeholder]").each(function(){

    var tmpText = $(this).attr("placeholder");

    if ( tmpText != "" ) {

$(this).attr("placeholder", "").attr("placeholder", tmpText);

    }

    })

}



테스트 할 수 있는 URL

http://mooki83.da.to/m/testios6.html




그외..

참고 URL

placeholder attribute on text input with ios 6 from landscape to portrait

http://stackoverflow.com/questions/12582788/placeholder-attribute-on-text-input-with-ios-6-from-landscape-to-portrait


iOS6 Safari orientation change bug?



저작자 표시 비영리 동일 조건 변경 허락
Posted by Mooki


티스토리 툴바