iOS 15에서 토픽 페이지 레이아웃 문제

안녕하세요 :waving_hand:

저는 iPhone 6s에 iOS 15.8.3을 사용 중인데, 토픽 페이지에서 메타(meta) 관련 레이아웃에 문제가 있는 것 같습니다. :confused: 아직 제 사이트를 업데이트하지 않아서 메타에서만 이런 현상이 발생하는지 잘 모르겠습니다… 아직 커밋을 확인할 시간이 없었습니다…

또한 푸터 내비게이션이 더 이상 흐릿하게 표시되지 않는 것도 확인했습니다…

그리고 전체 페이지를 좌우로 이동할 수 있는 것도 발견했습니다. (DiscourseHun과 PWA에서만 발생하는 것 같습니다.)

이미 메타에서 논의된 내용일 수 있으니, 그렇다면 관련 토픽으로 이 글을 이동해 주셔도 됩니다. :slightly_smiling_face:

감사합니다 :slightly_smiling_face:

5개의 좋아요

동일한 문제를 확인했습니다. 최근 커밋에서 회귀(regression)가 발생한 것 같으며, 4일 전 커밋으로 배포된 사이트에서는 재현되지 않습니다. 확인해 보겠습니다. 감사합니다!

2개의 좋아요

이건 허브든 PWA든 재현이 안 됩니다.

1개의 좋아요

지원 관련 문제인 것 같습니다. 내 폰을 Mac에 연결해서 PWA를 검사해 보았습니다.

caniuse를 확인해 보니, 제 iOS 버전에서는 -webkit- 접두사가 필요한 것 같습니다.

네, -webkit- 접두사를 추가하니 해결되었습니다.

4개의 좋아요

곧 이 문제를 수정할 수 있을 것 같습니다: UX: set mobile read state indicator to static size to avoid overflow - Pull Request #30910 - discourse/discourse - GitHub

글꼴 변경과 관련이 있는 것 같습니다? 아직 정확한 원인을 파악하지 못했습니다.

5개의 좋아요

이 변경 사항은 구형 iOS 버전에서 발생하는 일부 레이아웃 문제를 수정합니다:

그리고 backdrop-filter의 접두사:

5개의 좋아요

빠른 수정 감사합니다. 이제 잘 작동합니다 :blush:

4개의 좋아요