3.1.0beta5 모바일 기기에서 채팅 문제

안녕하세요,

저를 포함한 사용자들이 모바일 기기(Android 및 iOS)에서 채팅 기능이 거의 정상적으로 작동하지 않는다는 점을 발견했습니다. 텍스트 입력창을 클릭하면 소프트 키보드가 나타납니다. 하지만 화면이 조정되지 않아서 입력하는 내용을 볼 수 없으며, Return 키를 눌러도 텍스트가 전송되지 않고 전송 버튼도 사라집니다.

3.1.0beta5로 업그레이드하기 전까지는 사용자들의 피드백에 따르면 모든 것이 정상이었습니다(개인적으로 저는 채팅을 자주 사용하지는 않습니다).

감사합니다,
Roi

안전 모드에서도 이 현상이 나타나나요?

간단히 확인해 보았는데, 메타나 제 테스트 사이트에서는 재현이 되지 않네요?

좋은 지적입니다. 아닙니다. 첫 번째 옵션(테마 및 테마 컴포넌트)을 비활성화하면 작성기 창과 모든 다른 요소가 정상적으로 표시됩니다. 따라서 테마 컴포넌트가 간섭을 일으키는 것으로 보입니다(저는 테마의 색상만 변경했습니다).

여기서 문제를 찾았나요? 당신의 포럼에서 직접 시도해 보고 싶었는데, 채팅이 비활성화된 것 같습니다. 채팅을 다시 활성화해 주시면 문제를 이해하는 데 도움을 드릴 수 있습니다.

다시 돌아와 주셔서 감사합니다. :slight_smile:

사용 중인 이미지 슬라이더에 문제가 있었습니다. 모바일 CSS에 다음 코드를 추가하여 문제를 우회할 수 있었습니다:

.has-full-page-chat #captioned-gallery {
    display: none;
}

채팅이 다시 작동하지만, 여전히 이미지 슬라이더와 관련이 있는 것으로 보이는 또 다른 문제가 있습니다:

이미지가 슬라이드될 때마다 문제가 (항상 발생하는 것은 아니지만) 발생할 수 있습니다.

슬라이더가 비표준(non-standard)이기 때문에 이 문제는 우리 포럼에만 해당되는 문제입니다. 하지만 3.1.0beta5에서 이전에 없던 변화가 생겼습니다.

참고로 채팅은 TL1 이상에서만 사용 가능하므로, 포럼에 로그인하지 않고 방문할 때는 보이지 않습니다.

이상하네, 아직 재현은 못 했지만, 당신이 한 것과 비슷하게 이 CSS를 사용할 수 있을 거야:

body.mobile-device.composer-open #captioned-gallery {
    display: none;
}

재현할 수 있었다면, 아마 #captioned-galery의 z-index도 조정해 봤을 거야. 예를 들어 z-index: 1처럼 말이야.

플리커 버그는 컴포저가 열릴 때만 발생하는 것이 아닙니다. 모든 곳에서 발생하지만 매번 발생하는 것은 아닙니다. 다른 예시:

방금 전에도 화면 하단, “Gurtband” 스레드가 보이는 부분에서 플리커링이 발생했습니다.

그것을 시도해 보겠습니다. 모바일 기기에서만 이 문제가 나타나는 것이므로 디버깅하기가 쉽지 않습니다.

3.1.0beta4에서 5로 뭔가 변경된 것이 있나요? 4까지는 정상 작동했습니다…

z-index를 시도해 보았고, figure.sidemount-slider 안의 captioned-gallery 컨테이너에도 적용해 보았습니다. 하지만 효과가 없었습니다. 다만, 제 안드로이드 폰이 앱 내부에서 오래된 캐시 데이터를 사용하고 있었는지, 그리고 포럼용 Chrome 앱도 마찬가지였는지 단정하기는 어렵습니다.

오늘 안드로이드에서 채팅 관련 문제를 수정하고 있습니다. 여러분의 사이트를 확인해서 재현이 가능한지 보겠습니다.

아마도 많은 것들이 바뀌었을 겁니다 :sweat_smile:

:+1: 원하시면 계정을 하나 만들어 드리겠습니다. 채팅을 볼 수 있는 권한으로 승격해 드릴 수 있습니다.

모바일 기기에서 채팅의 슬라이더를 숨기지 않아도 된다면 그것도 좋겠습니다. 하지만 아무도 신경 쓰지 않았거나(혹은 언급하지 않았거나) 그 부분은 괜찮은 것 같습니다. 깜빡임 현상은 더 큰 문제입니다…

아쉽지만 아직까지 재현이 안 됩니다 :confused:

안녕하세요,

이것은 Chrome 버그로 보입니다: https://bugs.chromium.org/p/chromium/issues/detail?id=1397578 불행히도 저도 비슷한 문제를 겪고 있습니다…

재현하기가 어렵습니다. 위에서 언급한 CSS 문구로 슬라이더를 숨기면 채팅 버그는 사라집니다.

그리고 깜빡임 버그는 모바일 기기에서 발생하는데 - 아마도 Android 기기에서만 그런 것 같습니다. 그 이유는:

흥미롭네요! 만약 그것이 같은 문제라면, Android 기기에서만 영향을 미치나요?

음, 그러면 해결하지 못하신 건가요? 3.1.0beta5로 업그레이드한 후에 발생했나요, 아니면 그 이전에도 경험해 보셨나요? 저희처럼 헤더 이미지 슬라이더도 있으신가요?

거의 1년 정도 크롬이 저한테는 잘 안 맞는 것 같아요. 가끔 크롬 업데이트가 이런 문제 중 일부는 수정하는 것 같지만, 다른 업데이트에서는 같은 버그가 다시 발생하기도 합니다. 캐러셀 문제는 발견하지 못했지만, 과거에는 있었던 적이 있어요. 요즘 가끔 이런 현상을 발견하는데, 아이콘이 사라지거나 깜빡이고, 요소들이 흩어지거나 깜빡이는 것처럼 보입니다. 이를 조사하는 좋은 방법은 디스커스(Discourse) 관련 문제인 경우, 다른 (디스커스가 아닌) 사이트에서 같은 문제를 재현해 보는 것입니다. 비슷한 종류의 문제였던 것 같습니다: Weird issue with topic posts on mobile