컴포넌트
-
[오픈마인드] 하위 컴포넌트 안에서 전체화면 모달 띄우기코드잇 2024. 1. 31. 15:53
하위 컴포넌트 안에서 전체화면 모달 띄우기 프로젝트 추가 기능으로 삭제 버튼 클릭 시 모달이 나오게 기능 구현했다. 하위 컴포넌트 안에서 모달을 만들고 width: 100%를 해도 컴포넌트 안에서만 모달이 생성된다. 하위 컴포넌트의 모달도 전체 화면에 가득차게 보여주고 싶다. z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; z-index만 넣으면 되는 문제였는데 context api를 써서 어떻게든 해결하려고 했던 것 같다. 여기서 top: 0만 썼었는데 left: 0을 추가시켜줘서 화면 끝에 오도록 맞춰주었다.