Mac OS 13 - Safari 16.1 대응기

얼마전 12.6 맥 OS로 업데이트 되면서 Safari가 16.0으로 업데이트 됐습니다.

이 때 발생된 이슈를 해결하고 나서 QA 요청을 했는데 다른 이슈가 발견되었습니다.

 

"Mac OS 13 - Safari 16.1 버전에서 웹뷰어 화면이 간헐적으로 초록색으로 보입니다."

왜! 왜 너만 그러는건데! 왜!

Mac OS 13은 베타라서 피엠님께 다음 업데이트에 대응하자는 말이 나올랑 하다가 말았습니다.

OS 13이 10월중 공식 배포 예정이라 대응 해야한다는 생각이 들었기 때문입니다.

 

원인을 분석하기 위해 하루 종일 삽질을 했으나 원인은 찾지못했고, 해결책은 찾았습니다.

일단 급한불은 꺼야했기에.. 업데이트 직전인데 대응 이슈가 많습니다..

 

원인을 예상하기론 영상 스트림 데이터와 video Element의 크기가 변할 때 뭔가 잘못 설정되는 것 같습니다. ( 이 부분 무한 디버깅을 했지만 데이터가 잘못 설정되는 부분을 찾지 못하긴 했습니다..)

 

초기 렌더링 시 video Element의 크기가 0px이고, 영상 스트림 데이터를 설정하고나서 element의 크기를 조절하는 부분이 있습니다.

video 엘리먼트의 크기를 조절하지 않고 일단 고정 픽셀로 설정해두니 해당 이슈가 발생하지 않았습니다.

 

결국 해결책은 초기 px을 0px이 아닌 브라우저 크기에 맞춰서 설정해두고, 이후 스트림 데이터가 들어오면 정확한 px로 수정되게끔 진행했습니다.

 

원인을 깔끔하게 파악하지 못해서 아쉽긴하지만 한가지 이슈에 매달려 있을 만큼 여유롭지 않다보니 해결부터 하게 되었습니다.

 

일을 할 때 최대한 원인을 분석하고, 이슈를 막기 위한 대응이 아닌 원인을 해결하는 대응을 하기 위해 노력하지만 이 부분은 늘 힘든 것 같습니다.