모자이크 그리드 관련 문제

최근 마젠크리드(Masonry grid)에 일부 문제가 발생하고 있는 것 같습니다. 창 크기를 조정하면 요소들이 겹치고 마젠크리드 구조가 유지되지 않습니다. 사이트의 다른 모든 CSS를 비활성화하고 이 문제를 재현한 예시를 녹화했습니다:

일부 사용자는 섬네일이 왜곡되어 종횡비가 유지되지 않는다고 보고하고 있습니다. 정확히 판단하기는 어렵지만, 많은 이미지들이 제대로 표시되지 않고 있습니다:

5개의 좋아요

보고해 주셔서 감사합니다! Safari에만 나타나는 문제인 것 같습니다… 브라우저 네이티브 매스온(masonry) 모드를 위한 CSS 기능 감지(feature detection)를 사용했는데, Safari에는 해당 기능이 없는데도 있는 것으로 인식하는 것 같아 레이아웃 문제가 발생하고 있습니다.

여기서 일부 수정 사항을 추가했습니다: FIX: remove CSS masonry @supports due to Safari issues - Pull Request #28 - discourse/discourse-topic-thumbnails - GitHub

따라서 컴포넌트를 업데이트하면 겹침 문제가 해결되고, 크기 문제도 함께 해결될 수 있습니다(해당 문제가 여전히 지속되면 알려 주세요).

6개의 좋아요

두 가지 문제가 모두 해결된 것 같네요. 크리스, 빠른 수정 감사합니다!

6개의 좋아요