[오픈마인드] 하위 컴포넌트 안에서 전체화면 모달 띄우기

 

하위 컴포넌트 안에서 전체화면 모달 띄우기

 

프로젝트 추가 기능으로 삭제 버튼 클릭 시 모달이 나오게 기능 구현했다.

 

하위 컴포넌트 안에서 모달을 만들고 width: 100%를 해도 컴포넌트 안에서만 모달이 생성된다.

하위 컴포넌트의 모달도 전체 화면에 가득차게 보여주고 싶다.

 

z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;

 

z-index만 넣으면 되는 문제였는데 context api를 써서 어떻게든 해결하려고 했던 것 같다.

여기서 top: 0만 썼었는데 left: 0을 추가시켜줘서 화면 끝에 오도록 맞춰주었다.