안녕하세요. 결제위젯 v2를 사용하여 개발진행후 홈페이지에서 정상적으로 결제 사용 중 MacOS 사파리 (18.3.1)에서만 신용카드 (BC카드)로 결제 시 페이북으로 결제 후 홈페이지로 화면이 돌아온 뒤 결제 완료 페이지로 이동하지 않습니다. 사파리 브라우저 콘솔을 확인해보니 (영상에서도 확인 가능합니다) TypeError: undefined is not an object (evaluating 'wispPopWinObj.focus') -> Wallet_mix_layer_VP.js파일에서 발생 Blocked a frame with origin "https://www.spc.or.kr" from accessing a frame with origin "https://payment-gateway-sandbox.tosspayments.com". Protocols, domains, and ports must match. Unhandled Promise Rejection: Error: 취소되었습니다. 라는 에러가 나옵니다. 제가 알기로는 해당 에러는 origin이 달라서 보안 정책상 차단되는것으로 알고있습니다. (나머지 에러는 잘 모르겠습니다. Wallet_mix_layer_VP.js에서 발생하는 에러는 Vpay쪽에 문의해본 결과로는 결제 연동 모듈 관련 사항으로 추측된다고 합니다.) 어떤 방식으로 해결해야할지 모르겠어서 문의드립니다.
추가로 구현은 이미지처럼 구현한 후 호출 할 대 widgets.requestPayment를 사용하여 호출하고있습니다. 서버 구성은 JAVA , spring boot 사용중입니다.
해당 맥북에서 크롬을 사용하면 정상적으로 결제가 됩니다. 사파리에서만 이런 증상이 발생하고 있습니다. (아이폰 사파리에서는 정상적으로 동작합니다.) 혹시 제가 놓친 부분이 있을까요? 확인 부탁드립니다.