이 게시물은 채널톡 iOS26 대응 과정을 통해 Safari에서 주소창 디자인 변경으로 발생한 하단 ‘구멍’ 문제를 개선한 경험을 공유합니다.

문제 배경

채널톡 메신저를 SDK형태로 고객사 사이트에 설치할 때 iOS26 Safari에서 하단 주소창 영역에 고객사 사이트가 비쳐 채팅 경험이 저하됨을 설명합니다.

시도한 해결책과 한계

계획 CSS와 safe-area 등으로 메신저 커버를 시도했지만 viewport 계산 한계로 CSS만으로는 해결이 어렵다고 판단합니다.

height=0 방식

메신저 열 때 고객사 사이트 height를 0으로 만들어 비침을 차단했으나 스크롤 영역 소실로 스크롤 위치가 최상단으로 이동하는 문제가 발생함을 적습니다.

커버 오버레이 방식

메신저를 열 때 고객사 화면 크기만큼 채널톡과 동일한 색의 커버를 동적으로 덮어 ‘구멍’처럼 보이는 영역을 막고 스크롤 유지 및 주소창 변화 방지에 성공했다고 정리합니다.

iOS26.1 대응

약 1달 반 뒤 Safari팀 개선으로 iOS26.1에서는 기존 대응 없이도 구멍이 보이지 않도록 동작해 iOS26 대응 작업은 향후 제거 예정이라고 밝힙니다.