사용자 목록 추가 모달이 모바일 화면 위에 자주 표시됩니다

:bug: 개요

사용자를 추가하는 모바일 뷰 드롭다운 목록 모달이 화면 밖으로 나가 버리는 경우가 많고, 이를 확인하려고 아래로 스와이프하면 실패하는 문제가 발생합니다.

안전 모드에서 이 문제를 재현할 수 있었던 위치들은 다음과 같습니다:

  • 그룹 페이지에서 그룹에 사용자를 추가하는 경우
  • 주제나 게시물을 사용자에게 할당하는 경우 (예: 주제レンチ 메뉴 또는 게시물 관리자レンチ 메뉴에서)
  • 기존 개인 메시지에 다른 사용자를 초대하는 경우 (메타에서 재현 가능)
  • 설정 페이지에서 무시할 사용자를 추가하는 경우 /my/preferences/users (메타에서 재현 가능하지만, 음소거는 드롭다운 모달이 없기 때문에 정상 작동함)

가끔 몇 번 부드럽게 아래로 스와이프한 후 모달이 화면에 유지되도록 할 수 있지만, 매우 까다롭고 대개는 자동으로 닫히거나 화면 위쪽으로 다시 올라갑니다. 또한 저는 큰 화면의 휴대폰(iPhone 15 Pro Max)을 사용하므로, 더 작은 모바일 기기에서는 효과가 더 심할 수 있습니다.

:woman_walking: 재현 방법

그룹에 사용자를 추가하기 위해 드롭다운 목록을 채우려다 실패한 예시입니다:

  1. 관리자 권한으로 그룹 페이지에 접속하여 + 사용자 추가 버튼을 탭합니다.
  2. 화면 하단에 검색 필드가 포함된 모달을 확인합니다.
  3. 검색 필드를 탭하여 입력하면 모달이 뷰포트 위쪽으로 올라가는 것을 볼 수 있습니다.
  4. 필드에 입력하기 위해 모달을 아래로 드래그하려고 합니다.
  5. 실패 - 모달이 자동으로 닫히고 그룹 멤버십 페이지로 돌아갑니다.

:white_check_mark: 예상 결과

모달이 화면에 유지되어야 합니다. 게시물 관리자 메뉴에서 게시물 소유권을 변경하는 유사한 모달은 예상대로 정상 작동합니다:

:cross_mark: 관찰된 결과

위 재현 방법을 참조하십시오 - 모달이 뷰포트에서 너무 위에 위치하여 사용자 검색 입력 필드가 화면에 표시되지 않습니다.

:books: 추가 정보

  • 최신 Discourse 버전 2026.4.0-latest (866ae39d46) 사용 중
  • iPhone 15 Pro Max (iOS 26.4.1)을 사용 중이며, 최신 Safari, Chrome, Firefox(및 PWA)에서 안전 모드로 위 문제를 재현할 수 있습니다. 그러나 iPad에서는 가로 모드든 세로 모드든 재현되지 않습니다. 아직 Android 모바일에서는 확인하지 못했습니다.
  • 가끔 휴대폰을 가로 모드로 회전하면 작동하는 경우가 있지만, 이렇게 하면 입력 화면이 매우 좁아지고 터치 키보드를 사용하기가 불편합니다.
  • 데스크톱 브라우저의 개발자 도구에서 모바일 모드를 사용하면 문제를 재현할 수 없으며, 모바일 기기에서만 재현할 수 있습니다.
  • 이것이 Discourse 문제인지 iOS 문제인지는 알 수 없지만, 게시물 소유권 변경 모달이 예상대로 작동하는 것으로 보아 Discourse 문제라고 추정합니다.
4개의 좋아요

네, 정말 짜증나는 동작이네요! 여기서 수정을 시도해 보고 있는데 잘 작동합니다:

@j.jaffeux 모달/메뉴 관련해서 많이 작업하셨죠, 이 부분에 대해 어떤 생각이 있으신가요?

4개의 좋아요

위 변경 사항을 병합했습니다. 부작용 없이 상황이 개선되기를 바랍니다. 애플 기기에서 고정된 모달을 지원하는 것은 지난 몇 년간 어려웠기 때문에, 추가적인 조정이 필요할 수 있습니다.

2개의 좋아요