모바일에서 라이트박스 대 이미지 확대 시 문제 발생

이 문제는 theme-creator.discourse.org와 내 사이트에서 safe-mode(안전 모드)로 실행할 때 나타납니다. 하지만 Meta나 try.discourse.org에서는 나타나지 않습니다. 이것이 버그인지, 아니면 제가 무언가를 놓치고 있는지는 알 수 없습니다. Theme Creator는 현재 2.7.0.beta8 버전이고, 나머지 세 사이트는 2.8.0.beta1 버전입니다. 따라서 사이트가 사용 중인 Discourse 버전과는 무관해 보입니다.

문제를 설명드리겠습니다. 모바일 기기에서 라이트박스(Lightbox)로 큰 이미지를 먼저 열어서 확대(이미지를 클릭하여)한 후, 이미지를 드래그하여(나머지 부분을 보기 위해) 이동하면 이미지 정보와 화살표도 함께 이동합니다. 아래 이미지들을 참고하세요.

Firefox 모바일과 Safari 모바일, 그리고 데스크톱 Firefox의 반응형 디자인 모드에서도 재현할 수 있었습니다. Theme Creator의 이 게시물에서 테스트해 볼 수 있습니다.

https://theme-creator.discourse.org/t/this-is-a-test-post-with-an-example-image/1117

비교를 위해, Meta에서 동일한 이미지를 보여드립니다.


수정.

게시물에 여러 이미지가 있는 경우 모바일 기기에서 어떻게 확대하는지 설명을 추가하고 싶습니다. 아마도 위 내용을 여러 이미지가 있는 경우(예: 이 게시물에서 피카츄 이미지가 있는 것처럼) 테스트해 보고 싶을 수 있기 때문입니다. 그 과정이 직관적이지 않고, 아마도 버그라고 생각합니다.

먼저, 확대하려면 이미지가 충분히 커야 합니다(위 피카츄 이미지는 충분히 큽니다). 게시물에 단일 이미지가 있는 경우, 모바일에서는 라이트박스로 이미지가 열렸을 때 이미지를 클릭하여 확대합니다. 하지만 여러 이미지가 있는 게시물(예: 이 게시물)에서 동일한 작업을 하면 다음 이미지로 이동합니다. 그러나, 먼저 이전 이미지(라이트박스에서)를 열었다가 그 이미지를 클릭하면 이미지가 확대된 것을 볼 수 있습니다.

너무 혼란스러웠기를 바랍니다. :slight_smile:

여기서 또는 try에서 재현할 수 없다면, 이는 Discourse의 문제가 아닙니다. 최신 버전으로 업데이트해 보셨나요? 최근 라이트박스(Lightboxing)와 관련된 GIF 일시 정지 문제를 해결하기 위해 몇 가지 수정이 있었기 때문입니다.

답변 감사합니다! 네, 그래서 버그 카테고리가 아니라 지원 카테고리에 게시했습니다.

제 사이트의 안전 모드와 Theme Creator에서 모두 재현할 수 있습니다. 두 환경 모두 최신 버전(2.8.0.beta1)을 사용하고 있습니다.

@david, Meta와 Theme Creator가 어떤 점에서 다른지 아실까요? 특히 라이트박싱(lightboxing) 처리 방식이 다른 이유는 무엇일까요? 이미지를 저장하는 방식이 다른 때문일 수도 있을까요?