모바일에서 아래로 스크롤하면 글 작성 창이 전체 화면으로 전환됩니다

최근 며칠간 모바일(최소 최신 iOS 기준)에서 게시글 작성 시 작성 창이 의도치 않게 전체 화면으로 전환되는 버그가 발생하고 있습니다.

재현 방법:

  • 주제를 열고 답변 작성을 시작합니다.
  • 게시글 작성기에 무언가를 입력합니다.
  • 키보드의 "완료"를 누릅니다. 이제 작성기가 화면 하단 절반을 차지하고, 상단 절반에는 보고 있던 주제가 표시됩니다.
  • 주제 영역(작성기가 아닌 곳)에서 손가락을 위에서 아래로 드래그합니다. 주제가 정상적으로 위로 스크롤됩니다.
  • 주제 영역(작성기가 아닌 곳)에서 손가락을 아래에서 위로 드래그합니다. 이 동작은 주제 아래로 스크롤해야 하지만, 대신 게시글 작성기가 전체 화면으로 전환됩니다.

개인적으로 게시글을 제출하기 전에 검토할 때, 답변이 정확하고 유용한지 확인하기 위해 원 답변을 다시 읽는 편입니다. 이 버그로 인해 해당 작업을 수행하기가 매우 어렵습니다.

3개의 좋아요

안드로이드 사용자입니다. 비슷한 문제가 있어요.

토픽에 답글을 쓰려고 클릭하면 입력창이 화면 전체를 차지해서 매우 귀찮습니다:

며칠 전까지만 해도 화면 하단 절반만 차지해서, 답글을 작성하면서 토픽을 계속 읽을 수 있었거든요.

수정될 가능성이 있을까요?

1개의 좋아요

우리 안드로이드 사용자 중 한 명도 같은 문제를 보고했습니다. 다만 iOS에서는 같은 현상을 확인하지 못했습니다.

안녕하세요,
이것은 버그가 아니라 기능입니다. 모바일 기기의 통일성을 위해 iOS에는 이미 전체 높이 작성기가 적용되어 있었고, 이제 Android에도 적용되었습니다. 저는 포럼에서 Android에서도 항상 전체 높이 작성기를 사용했지만, height: 100%;만 사용했습니다. 이전의 전체 높이가 아닌 작성기는 가로 모드에서 문제를 일으켰습니다.

그것이 기능이라면, 그것은 나쁜 기능입니다.

방금 당신에게 답글을 달고 있을 때, 내가 당신의 말을 잘못 이해하지 않았는지 확인하고 싶었습니다.
작성창을 최소화해야 했고(생각의 흐름을 잃어버렸으며), 당신의 게시물을 확인한 후 다시 작성창을 최대화하고, 말하려던 내용을 다시 떠올리고, 계속 편집해야 했습니다.

목적이 모바일 기기를 통일하는 것이었다면, Android처럼 동작하도록 iOS를 변경해야지, 그 반대는 아니어야 합니다…

이전 동작으로 되돌릴 수 있는 가능성이 있을까요?
만약 그렇다면, 우회 방법이 있을까요?

가로 모드 문제는 이해하지만, 세로 모드에서는 이전처럼 다른 모드를 사용할 수 있는 방법이 없나요?

모바일 CSS에서 이 방법을 시도해 볼 수 있습니다. 이렇게 하면 세로 모드의 높이를 250px으로 고정하되, 가로 모드에는 기본 전체 높이를 사용합니다.

#reply-control {
  @media (orientation: portrait) {
    .keyboard-visible &.open {
      height: 250px;
    }
  }
}

참고로, 제가 보고한 문제는 iOS에서 새로 생긴 것이므로, 의도치 않은 부수 효과일 수 있습니다. 키보드가 올라와 있지 않은 상태에서(즉, 실제로 아무것도 입력할 수 없는 상태에서) 작성기를 전체 화면으로 만드는 것은 아무런 의미가 없습니다. 게시물을 제출하기 전에 답장하려는 게시물을 검토하기가 더 어려워질 뿐입니다.

수정: @RickRoll의 글을 다시 읽어보니, 우리는 서로 다른 것에 대해 이야기하고 있는 것 같습니다. iOS에서는 게시물을 작성하는 동시에 다른 게시물을 읽는 것이 가능하지 않았습니다. 저는 작성기가 열린 상태에서 화면을 스와이프 조작으로 스크롤할 때 나타나는 새로운 동작에 대해 구체적으로 불만을 제기하고 있습니다.

2개의 좋아요

확인했습니다. 죄송합니다. DiscourseHub에서 보고하신 문제를 재현할 수 없습니다. iOS 14.4.2, iPhone 7 plus 환경에서 주제를 위에서 아래로, 그리고 아래에서 위로 스크롤할 때 작성기(composer)가 정상적으로 작동했습니다.

하지만 보고하신 버그는 Safari에서 나타납니다.

네, 저도 우리가 서로 다른 것에 대해 이야기하고 있다고 생각합니다.
쓰레드를 탈취해서 죄송합니다! :zipper_mouth_face:

1개의 좋아요

@seanblue, 보고해 주셔서 감사합니다. Safari에서 문제를 재현할 수 있었고, 곧 수정하겠습니다.

3개의 좋아요

FIX: Bug when scrolling in iOS Safari with composer open (#12831) · discourse/discourse@886f4b5 · GitHub 를 통해 이제 수정되었습니다.

Don이 언급했듯이, 이 안드로이드 전용 문제는 의도된 동작입니다. 우리는 iOS와 안드로이드 간에 동일한 일관된 경험을 제공하기를 원하며, 소프트웨어 키보드가 표시될 때 컴포저가 사용 가능한 모든 공간을 차지해야 한다고 생각합니다. 키보드와 컴포저가 이미 많은 공간을 차지하기 때문에, 예를 들어 50px 높이의 게시글 스트림 뷰를 남겨두는 것은 의미가 없기 때문입니다.

페이지를 스크롤하면서 컴포저를 반쯤 열려 있는 상태로 유지하려면, 안드로이드에서 이를 위한 특정 버튼(스크린샷에서 오른쪽 하단에 있는 아래쪽을 가리키는 쉐브론)을 사용하여 키보드를 닫으면 됩니다.

4개의 좋아요

정상 작동하는 것을 확인했습니다. 빠른 처리 감사합니다!

1개의 좋아요