Kakao JavaScript SDK 에서 cors 이슈로 easyXDM을 사용하고 있습니다. 해당 easyXDM은 iframe으로 cors를 회파하는데요. 카카오 링크 전송 시 easyXDM으로 메시지 작성하는 과정을 거치게 됩니다.
문제가 되는 플로우는, (브라우저 콘솔에서 확인하실 수 있습니다)
- 다이얼로그 팝업 (해당 element 생성. body 마지막에 위치)
- 카카오링크 전송 (메시지 작성을 위한 easyXDM을 위한 iframe 구성. body 마지막에 위치)
- 다이얼로그 팝업 element 가 body 다시 마지막에 위치하게 됨. (easyXDM의 iframe의 위치가 한칸 올라가게 됨.)
easyXDM 구조상 iframe의 위치가 변경되면 올바르게 동작되지 않는 문제가 확인되었습니다.
해당 문제를 해결하기 위해서는, 팝업 엘리먼트를 미리 생성해두거나 혹은 Kakao.Link.sendDefault
를 호출하기 전 Kakao.API.cleanup
을 통해 easyXDM을 초기화해 주시기 바랍니다.