
createPortal로 모달을 띄웠을 때의 이슈와 해결 방법.
·
Project/Synamon
Trouble" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스1. createPortal로 모달을 띄웠을 때, 백 드롭을 포함한 요소가 현재 레이아웃과 맞지 않아 가로스크롤이 생김 Solution" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 1. body 태그에 relative 속성을 설정한 후, 2. 띄울 모달을 absolute로 설정하고, createPortal의 목적지를 document.body로 하였다. 3. 이슈였던 가로 스크롤이 사라졌다. 이 방법은 body가 최소한 브라우저 화면 전체를 커버하고 있어야 가능하다. 주의해야 할 점은, 모달을 띄울 요소의 크기를 screen이 아니라 full로 해야한다는 것. screen은 현재 보이는..