IOS 18.2 업데이트 후 WebView 외부의 위젯과 상호작용한 후, WebView 내의 터치 이벤트가 인식되지 않는 현상이 발생

IOS 애증의 나쁜 넘
윤여찬's avatar
Dec 13, 2024
IOS 18.2 업데이트 후 WebView 외부의 위젯과 상호작용한 후, WebView 내의 터치 이벤트가 인식되지 않는 현상이 발생
web view 에서 지금 문제가 발생했다 진짜 싫어하는 애증의 IOS OS가 업데이트 되면서 캐시 문제가 발생하고 있다는게 주된 사람들의 공통 의견이었다.
notion image
flutter_inappwebview 플러그인에서도 유사한 문제가 보고되었습니다. WebView 외부의 위젯과 상호작용한 후, WebView 내의 터치 이벤트가 인식되지 않는 현상이 발생하며, 이는 iOS 18.2 베타 버전에서 주로 나타납니다.
 
라는 의견을 전달받았고 우리 앱에서도 이벤트 핸들러가 진행 되고 난 뒤에 먹통이 되는 부분이 발생했다.

문제 인식

notion image
notion image
나와 같은 문제를 겪는 사람들이 많아졌다… 일단 문제를 만나 해결하기 위해 저자의 말을 봤다. 문제는 이것이었다. 웹뷰가 → 네이티브를 상호작용하는 순간 먹통이된다. 즉 내가 핸들러를 통해 웹뷰에서 네이티브 영역을 건들면 문제가 터지는 상황.
위 깃헙 페이지는 문제가 똑같은 모습을 보여주는 화면이 담긴 버그이다.
각종 문제가 재현된 깃헙 페이지
드디어 오늘, 12월 13일 flutter_inappwebview의 헤더가 버그를 인지하였다. 그리고 수정에 관한 피드백을 달아주기 시작했고 기다림의 연속이었지만 난 개발자이다. 이런 문제가 생기면 해결 방법을 고뇌하고 변경해야한다. 로직을 변경하기로 결심했다…
notion image

현재의 방식

웹뷰 → 네이티브 (갤러리, 사진) 선택 → 데이터 리턴
웹뷰 (갤러리, 사진) 선택 → 데이터 리턴 으로 간소화를 진행하면 문제가 해결 될? 수도 있다고 판단했다.
이유는 현재 마이페이지에서 사진의 경우는 정상적으로 base64로 전달되어 표기되고 있었기 때문이다.

vue3에서 이제 핸들러를 두번 요청하도록해야한다.
갤러리, 사진 선택을 vue3에서 진행하고 리턴을 받아서 진행해야한다.
notion image
결과: 성공! 아… 진짜 네이티브 안에서 네이티브 요청이 막힌듯하다… 암튼 성공! 난 퇵은! 주말은 사우나갈꺼얀!
 
Share article

찬찬잉