New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[mobile] 모달 리팩토링 #843

Open

kingyong9169 opened this issue Apr 6, 2023 · 0 comments

Assignees

Labels

✨ Feature 📱 Mobile ♻️ Refactor 💄 UI/UX 🧐 Web stadard/a11y

Contributor

kingyong9169 commented Apr 6, 2023 •

edited

Loading

👩‍💻 기능 설명

Portal을 사용하여 모달 리팩토링

✅ 참고 사항

문제1

모달이 모달 밖 영역의 렌더링에 영향을 받음. 부모 노드와 모달의 생명주기 분리가 필요함. -> Portal을 사용하여 해결

문제2

모달이 띄워졌을 때, 모달 밖 영역의 스크롤이 움직임. Portal을 사용하여 해결

기능

dimmed
모달 밖 영역 클릭, esc 누르면 모달이 close되도록 함.
모달 접근성 추가

추가적인 공유가 필요한 사항은 Comment

kingyong9169 self-assigned this

kingyong9169 added ✨ Feature 📱 Mobile 💄 UI/UX 🧐 Web stadard/a11y labels

jaryapp added the ♻️ Refactor label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment