Нативный masonry почти здесь
Masonry Grid Lanes использует нативную раскладку при поддержке браузером и JS-фоллбэк в остальных случаях.
Появился Masonry Grid Lanes — веб-компонент с “native-first” подходом: сначала пытается использовать нативный masonry (через Grid Lanes API), а если браузер не поддерживает — аккуратно фоллбечится на JS.
Что по факту:
- Проверяет поддержку в браузере
- Есть натив → используем его
- Нет → включается JS-раскладка
- Снаружи — просто кастомный элемент
- Есть поддержка Pretex
<masonry-grid-lanes min-column-width="280" gap="16" text-metrics="pretext">
<div>...</div>
<div>...</div>
</masonry-grid-lanes>Хороший пример прогрессивного улучшения: пишем как будто платформа уже умеет, но не ломаемся там, где она ещё не догнала.