아이패드 및 기타 기기에서 가로 모드로 채팅이 작동하지 않아요

몇몇 사용자가 iPad, Samsung Fold 및 기타 기기에서 채팅을 사용할 수 없다고 보고했습니다.

테스트 결과: iPad를 세로 방향으로 사용할 경우 모든 기능이 정상적으로 작동합니다. 채널 목록이 왼쪽 패널에 표시되고, 현재 채널 또는 DM이 오른쪽 패널에 표시됩니다.

하지만 기기를 가로 방향으로 돌리면 오른쪽 패널만 보이며, 채널을 나가기 위한 UI가 제공되지 않습니다(모바일에서는 채널 이름 위에 뒤로가기 화살표가 있어 채널을 나갈 수 있음).

많은(대부분의) iPad가 가로 방향으로 사용되므로 이 문제는 심각한 상황입니다.

가능한 해결책:

  • iPad를 가로 방향으로 사용할 때 뒤로가기 화살표를 추가할 수 있을까요?
  • 또는 모바일 스타일을 어쨌든 강제 적용할 수 있다면 그 방법도 작동할 것입니다.

도움을 주시면 감사하겠습니다.


1개의 좋아요

10gen, 최신 iPadOS 및 DiscourseHub

Safari에서 어떻게 보이는지 보여줄 수 있을까요?

우리 사용자 중 Discourse Hub를 사용하는 사람은 아무도 없으며, 대부분의 사이트에서 Discourse Hub 사용자는 상당히 적은 비율을 차지할 것으로 추정됩니다.

완전히 동일합니다.

무엇을 말씀드려야 할지 모르겠습니다… 현재 최신 OS가 설치된 iPad Mini에서 meta.discourse.org의 채팅을 사용 중입니다. 다른 사용자들은 풀사이즈 iPad나 다른 기기를 사용하고 있습니다.

스크린샷은 거짓말을 하지 않습니다. 가로 모드로 채널이나 DM에 가입한 후에는 왼쪽 레일이나 채널 이름 근처의 뒤로 가기 화살표가 없기 때문에 채널이나 DM을 나설 방법이 없습니다.


아마 Chat separate sidebar mode 설정을 시도해 보시는 건 어떨까요?

여기서도 제가 보여드린 레이아웃과 동일하지만, 물론 미니처럼 작은 화면을 사용하시거나 Safari의 사이드바를 이용 중이시라면 이쪽 사이드바가 열려 있지 않을 수 있습니다.

이것이 버그인지 아니면 #contribute:ux에 더 가까운 문제인지는 확신이 없습니다.

저도 문제를 재현할 수 없지만, 일단 가장 명백한 것부터 시도해 보겠습니다:

위 스크린샷이 태블릿에서 촬영된 것이라면, 데스크톱 버전을 사용 중인 것으로 보이며 이는 특정 기기/뷰포트에서 발생하는 상황을 설명할 수 있습니다. 작은 모바일 아이콘을 클릭하여 문제가 해결되는지 확인해 보시겠습니까?

@Earnie_Baird 모바일에서 데스크톱 버전을 사용 중이 아니라고 확신하나요?

최신 iOS에서 Safari

가로 모드:

세로 모드:

네, @j.jaffeux - 데스크톱 버전이 모바일에서 사용되지 않는다는 점은 확신합니다. 제 디스코urs 사이트의 모바일 환경에서는 @chapoi님의 훌륭한 Chat Bubbles 컴포넌트를 사용하고 있으며, 이는 휴대폰에서 완벽하게 작동합니다.

문제는 iPad가 항상 데스크톱 버전을 받고 모바일 버전을 받지 않는다는 것입니다(이 사이트의 제 스크린샷에서도 확인할 수 있습니다). iPad나 가로 모드로 사용 중인 디바이스가 모바일 버전을 사용하도록 강제할 수 있는 방법이 있으면 좋겠는데, 어떻게 해야 하는지 모르겠습니다.

또한 @chapoi - 위 질문하신 내용에 대한 답변으로, 사람들이 iPad를 가로 모드로 사용할 때 그 작은 모바일 아이콘을 클릭하기 위해 왼쪽의 전체 레일을 결코 보지 못합니다(위 스크린샷을 참고해 주세요).

어떤 이유로든 기본값이 데스크톱 뷰로 설정되는 것이 짜증나긴 하지만, 그래도 오른쪽 상단의 메뉴 아이콘을 통해 사이드바를 열 수 있고, 그 후 하단에서 다시 작은 모바일 아이콘을 찾을 수 있어야 합니다.

더 큰 iPad를 구해 보았는데, 위에서 공유한 스크린샷과 같이 가로 모드에서 왼쪽 레일/네비게이션이 정상적으로 표시됩니다.

문제는 화면 폭이 충분히 넓지 않은 경우(iPad mini, Samsung Fold 등)에 왼쪽 레일이 잘려 나간다는 점입니다.

이상적으로는 해당 브레이크포인트에서 자동으로 모바일 레이아웃으로 전환되어야 합니다.

결국 스마트폰보다 크지만 일반 태블릿보다 작은 특정 기기의 범주에서 제대로 동작하지 않는 상황이 발생하는 것입니다.

2개의 좋아요