iOS에서 핀치 줌 시 크래시 발생 (Graceful 테마)

iOS 18.2에서 핀치 줌을 하다 보면 대부분 크래시가 발생합니다. 이미지뿐만 아니라 토픽 내의 어떤 요소로도 줌을 할 수 없습니다.

업데이트: 줌인 상태에서 한 손가락으로 거칠게 스와이프(예: 화면 맨 아래까지 이동)하거나 줌아웃할 때 발생하는 것 같습니다. 반드시 콘텐츠로 줌인해야 합니다. 버튼 등으로 줌인할 경우 크래시가 발생하지 않을 수 있습니다.

4개의 좋아요

이런 크래시는 브라우저의 버그일 가능성이 높지만, 혹시 아이디어가 있을지 모른다는 생각으로 팀에 알려두었습니다.

2개의 좋아요

iOS 18.2.1에서 이 문제를 재현하지 못했습니다.

혹시 다른 분들도 같은 문제를 겪고 계신가요?

1개의 좋아요

네, 18.2.1로 업그레이드하고 몇 가지 테스트를 해본 결과, 더 이상 재현되지 않습니다.

2개의 좋아요

다시 발생했습니다 (iOS 18.2.1). 확대한 후 1:1보다 훨씬 더 축소하면 충돌을 재현할 수 있습니다.

4개의 좋아요

고맙습니다 @tvavrda - 팀원 몇 명이 동일한 문제를 재현할 수 있었고, 현재 조사 중입니다 :eyes:

3개의 좋아요

확실히 브라우저 버그입니다. 하지만 @pmusaraj가 방금 병합한 수정 사항이 테스트에서 문제를 해결하는 것으로 보입니다.

업데이트 후 모든 기능이 정상적으로 작동하는지 확인해 주시겠어요?

3개의 좋아요

기본 테마에서는 이제 정상적으로 작동합니다. 하지만 GitHub - discourse/graceful · GitHub 을 설치해 두었기 때문에, 그 환경에서는 여전히 충돌이 발생하고 있습니다 :man_shrugging:

1개의 좋아요

@pmusaraj / @awesomerobot graceful에 z-index가 -1인 요소가 있는지 궁금합니다.

1개의 좋아요

그렇긴 한데, 제거해도 도움이 되지 않았습니다. 아니면 제가 뭔가 잘못했을 수도 있겠네요.

2개의 좋아요

확인해 보겠습니다. 지금은 버그를 그대로 열어 둘게요.

(버그가 어떻게 변했는지 명확히 하기 위해 태그를 달았어요)

3개의 좋아요

이것으로 해결될 것입니다: FIX: Prevent bug with pinch zooming in Safari iOS - Pull Request #40 - discourse/graceful - GitHub

내일 이 문제를 upstream에 보고할 예정입니다(혹은 다른 사람이 이미 보고했는지 확인하고요). 이 코드는 Graceful 테마에 오랫동안 존재해 왔는데, 이는 iOS의 Safari에서 최근 발생한 회귀(regression)인 것 같습니다.

6개의 좋아요

위에서 언급한 수정 사항이 이제 병합되었습니다. 메타에서는 정상적으로 동작하는 것 같으니, @tvavrda 님의 인스턴스에서도 동일한지 확인해 주세요. 보고해 주셔서 감사합니다!

업스트림에 보고할 수 있도록 간단한 CodePen에서 재현을 시도해 보았지만, 재현이 되지 않습니다. 우리 앱의 다른 부분이 문제의 원인이 될 수도 있는데, 문제는 그 다른 기여 요인이 무엇인지 추적하는 방법을 모르겠다는 것입니다.

3개의 좋아요

지금까지 괜찮아 보이네요! 커스터마이징된 테마를 사용 중이라, 당신의 수정 사항을 그대로 적용해 봤는데 괜찮네요. 드디어 스마트폰에서 이미지를 볼 수 있게 됐어요! 도움 주셔서 감사합니다 :heart:

4개의 좋아요

갑자기 핀치 줌이 아예 작동하지 않아요 :sad_but_relieved_face:

1개의 좋아요

네, 확인했습니다. 다른 회귀 오류인 것 같습니다. 확인해 보겠습니다!

1개의 좋아요

@tvavrda iOS용 Safari에서 테스트 중이신가요? 여기서 meta에서는 Safari에서 핀치 줌이 가능하지만, DiscourseHub(우리의 모바일 앱)에서는 불가능합니다.

저는 iOS 18.2.0을 사용 중이며(18.2.1로 업데이트 후 다시 테스트할 예정입니다).

맞아요. 브라우저에서는 작동합니다. 저는 PWA를 사용하는데, 거기서는 작동하지 않아요.

2개의 좋아요

죄송합니다! 최근 변경 사항 중 하나로 DiscourseHub/PWA를 특별히 테스트하지 않았습니다. 이 커밋으로 해당 부분의 핀치 줌 문제가 수정되어야 합니다.

5개의 좋아요

PWA에서 다시 작동하는 것 같습니다. 감사합니다!

3개의 좋아요