Проблемы с сеткой Masonry

Сетка Masonry в последнее время стала работать со сбоями. При изменении размера окна элементы накладываются друг на друга и перестают соответствовать сетке Masonry. Я отключил весь остальной CSS на своём сайте и записал пример:

Некоторые пользователи также сообщают, что миниатюры искажаются и не сохраняют пропорции. Трудно точно сказать, но многие из этих изображений отображаются некорректно:

5 лайков

Спасибо за сообщение! Похоже, это проблема, специфичная для Safari. В CSS у нас была проверка поддержки браузерного режима мasonry, и хотя Safari его не поддерживает, он, похоже, считает, что поддерживает, что вызывает проблемы с макетом.

Я добавил исправления здесь: FIX: remove CSS masonry @supports due to Safari issues by awesomerobot · Pull Request #28 · discourse/discourse-topic-thumbnails · GitHub

Таким образом, обновление компонента должно решить проблемы с наложением и, возможно, также проблемы с размером (но дайте нам знать, если они сохранятся).

6 лайков

Кажется, это устранило обе проблемы. Спасибо за столь быстрое решение, Крис!

6 лайков