/ Browser

Characters are gone away when it loaded

문제

Android 4.0.3Android 4.0.4의 웹브라우저에서 웹사이트 로딩 완료 후 텍스트나 내용물이 모두 없어져 보이지 않게 되는 현상. (Disappeared some specific dom objects at loaded finish)

원인

해당 버전의 안드로이드 브라우저에서 CSS Animation 을 정상적으로 지원하지 않아서 생기는 문제. 해당 현상이 발생하는 Element 는 position: relative; 가 적용 된 엘리먼트들이다.

나 같은 경우에는 animate.css를 사용하고 있었는데 이게 문제가 됐다. 자바스크립트를 모두 비활성화시켜도 문제는 발생하며 CSS Animation 과 안드로이드 브라우저의 버그로 추정된다. 재현 테스트는 해보지 않았으나 이 animate.css 의 기능으로 인한 문제인 것은 확실하다.