안녕하세요,
모바일 기기에서 각주 팝업과 관련된 UI 문제를 겪고 있습니다.
각주 번호를 탭하면 팝업이 열리지만, 모바일에서는 팝업이 보이는 화면 영역 바깥으로 일부 위치가 밀려나 있습니다. 각주 텍스트가 길 경우, 팝업 안에 전체 콘텐츠가 포함되어 있는지 확인할 수 없습니다. 그 이유는 다음과 같습니다:
- 팝업 자체는 스크롤을 시도해도 이동하지 않습니다.
- 대신 메인 페이지가 스크롤되고, 팝업은 고정된 위치에 그대로 머물러 있습니다.
- 팝업 콘텐츠도 스크롤되지 않습니다.
- 그 결과, 각주의 하단 부분이 완전히 접근할 수 없게 됩니다.
따라서 문제는 팝업에 스크롤 가능한 영역이 없을 뿐만 아니라, 모바일에서 팝업이 뷰포트 내로 다시 위치 조정되지 않아 긴 각주를 읽을 수 없게 되는 것입니다.
데스크톱
아직 데스크톱에서 이 동작을 테스트하지 않아, 문제가 모바일에만 해당하는지 확실하지 않습니다.
환경
- 표준 Discourse 설치 (Docker)
- 각주에 영향을 미치는 사용자 정의 JS/CSS 없음
- 여러 모바일 브라우저 및 기기에서 문제 재현 가능
이것이 모바일에서 각주 팝업과 관련된 알려진 문제인지 확인해 주실 수 있을까요?
아니라면, 팝업이 모바일 기기에서 스크롤 가능하고 완전히 보이도록 수정하거나 패치하는 방법에 대한 안내를 부탁드립니다.
감사합니다!