iframe top level navigation 이슈

[AlgoRoots]

안녕하세요. 다음 주소검색이 필요하여 아래와 같이 embed형태로 사용하고 있습니다.
ios 웹뷰에서 모달 안에 해당 코드를 넣었을 때 간헐적으로 window.origin 이 바뀌어버리는 현상이 나타납니다.

window.origin "https://{MY_URL} 였는데 간헐적으로 검색 > 엔터 입력하면
window.origin "https://postcode.map.daum.net/" 로 바뀌어짐

웹에서도, 안드로이드 웹뷰에서도 괜찮다는 것 같고, IOS 앱에서만 발생한다고는 하십니다.
sandbox설정을 js로 해보았는데 해결되지 않아 이슈 남깁니다.

감사합니다.

+추가
지도 내에
지도 버튼이나, 카카오맵검색하기 같은 링크 웹에서는 새창으로 열리는데 웹뷰라서 내부에서 열립니다..
이거 막거나 안보이게 할 방법은 없을까요? > hideMapBtn, hideEngBtn 속성 찾았습니다.
"자주 묻는 질문(FAQ) 바로가기" 를 없애주는 속성도 있을까요?

    <div
      ref={ref}
      data-loaded={isLoaded}
      className={css(postcodeStyles.container, postcodeStyles.loadingOverlay)}
      role="application"
      aria-label="다음 우편번호 검색 서비스"
      aria-live="polite"
      aria-busy={!isLoaded}
    >
      <DaumPostcodeEmbed
        /**
         *  NOTE:
         *  @see https://postcode.map.daum.net/guide#attributes
         *  submitMode는 window history 에 쌓임
         *  history 제어를 위해 submitMode 비활성화 (location replace 방식)
         *  */
        submitMode={false}
        style={postcodeStyles.daumEmbed}
        onComplete={onComplete}
        onResize={onResize}
        onSearch={onSearch}
      />
    </div>

정상, 검색전 window.origin "https://{MY_URL}
해당 화면은 웹뷰이며 모달을 포탈로 띄우고 자식에 DaumPostcodeEmbed 를 둔 상태입니다.

검색 후 window.origin "https://postcode.map.daum.net/"

[Normaltic]

안녕하세요!

우선, 증상이 iOS에서만 발생하는 것으로 보아, 다음 우편번호 서비스 스크립트의 크로스브라우징 이슈로 추측되는데요..!
react-daum-postcode는 다음 우편번호 서비스를 리액트 컴포넌트로 래핑한 라이브러리로,
스크립트의 문제라면 다음 우편번호 서비스측에 문의해보아야 할 것 같습니다.
(이미 이슈를 남겨주신 것은 확인했습니다!)

저도 한 번 확인해보겠지만 앱은 잘 모르는 영역이라.. 도움을 드릴 수 있는 부분이 조금 제한적일 것 같은데요.

일단, 생각해보자면, iOS 웹( Safari ) 에서 증상이 발생하지 않는다면 웹뷰의 문제일 가능성도 있을 것 같구요.
또, 빈 화면(모달 등이 없이, 웹뷰와 그 안에 DaumPostcodeEmbed만 있는 화면)에서 테스트를 시도해보고,
증상이 여전하다면 웹뷰나 우편번호 스크립트의 문제로,
아니라면 제어 방식(서비스 코드, 모달 여닫기 등)에서 스크립트와의 충돌(실행 시점 등)이 나는가? 같이
범위를 좁혀볼 수 있지 않을까.. 싶습니다.

또한," 자주 묻는 질문(FAQ) 바로가기" 링크 제어 옵션은 제공하지 않는 걸로 알고 있는데요.
찾아보니 daumPostcode/QnA#445 에서 기능이 추가됬지만, 별도의 제어 방법은 안내되지 않았습니다.
라이브러리 레벨에서는 다음 우편번호 서비스에서 기능을 제공해 주어야 지원이 가능하여,
이 역시 다음 우편번호 서비스에 문의해주시면 감사하겠습니다..!

등록하신 이슈 지켜보면서, 라이브러리 레벨에서 체크 할 수 있는 부분은 체크해보겠습니다!

[AlgoRoots]

@Normaltic 안녕하세요. 웃선 답변 감사드립니다.

라이브러리 소스코드 보았는데, 저도 라이브러리 이슈는 아니라고 생각되나, 이 부분에 대한 지식이 많으실 것 같아 남겼는데
자세하게 도움을 주셔서 감사합니다.

다음 측에서 답변을 받았고, 찾아봐주신다고 하셨으나, 처음 보는 이슈라고 하셔서 앱쪽과 관련이 있나 싶기도하네요.
자주 묻는 질문(FAQ) 바로가기" 링크제어는 다음측에 문의를 남기려던 걸 혼동하여 여기에 남겼는데
이 역시도 자세히 답변주셔서 감사드립니다 :)
해당 옵션은 useBannerLink 로 제어가 가능하고 공식문서에 나와있는데 제가 놓쳤네요 ㅎㅎ

말씀주신 방법 중 다음주소창을 열 때 웹뷰를 새로 띄우는 방법도 고려하고 있습니다.
해당 부분 적용을 고려하고 있는 이유는 새창을 열어서 해주었을 때 해당 이슈가 재현이 된다면 그거대로 이탈할 수 있는 방법을 찾지 못해서 입니다 ㅜ

우선 제가 js로 iframe sandbox설정을 하고 난 뒤에는 테스트를 꾸준히 해보았을 때 재현이 안되고 있는데요 (?)
제가 한 방식이 픽스가 되었다기에는 iframe이 내부에 하나 더 있는 상황이라 의문이기는 합니다.
저도 지켜보며 혹시 해결 방안이나 원인을 알게된다면 꼭 이곳에도 말씀드릴게요.

감사합니다.