카카오톡 webView 내에서 overflow 속성을 준 엘리먼트에 overflow를 넣고 스크롤을 움직이면 화면이 하얗게 바뀝니다

다른 브라우져에서는 문제가 없는데 카톡 webView에서만 문제가 발생해서 올립니다.

이슈가 발생하는 조건을 이렇습니다.

  1. iOS 카카오톡 webView
  2. webView 내에 overflow속성을 가진 엘리먼트 생성
  3. 생성된 overflow속성을 가진 엘리먼트 내에 overflow를 가진 엘리먼트를 다시 생성
    (스크롤영역 내부에 스크롤이 있다고 생각하시면 됩니다.)
  4. 부모 overflow속성을 가진 엘리먼트의 높이가 디바이스의 높이와 비슷한 경우
  5. 화면이 하얗게 변함

읽어보시고 동영상 참고해주세요. https://devtalk.kakao.com/uploads/default/original/2X/7/7894701c6ddc445bd44857cc83c17090686b8365.MOV

이상입니다.