Edge 156 вышел: CSS random() и :navigation-source вслед за Chrome

Microsoft 22 октября выпустила Edge 156 (стабильная сборка 156.0.4314.42) на движке Chromium 156. Веб-платформа у него та же, что у Chrome 156, вышедшего 20 октября, так что новые возможности CSS теперь работают в двух самых распространённых браузерах на десктопе, а не в одном.

Для вёрстки главное — четыре вещи. Функция random() даёт случайное значение в заданном диапазоне прямо в CSS, например top: random(0%, 100%); по умолчанию каждый вызов возвращает новое число, а ключ в первом аргументе позволяет разделить одно значение между свойствами и элементами. Псевдокласс :navigation-source выделяет элемент, который запустил переход (ссылку, кнопку или форму), и остаётся на нём до конца навигации — это нужно для view transitions между страницами. Значение overflow: scroll clip включает прокрутку только по одной оси, и sticky-элемент может держаться за разные контейнеры по вертикали и горизонтали — так делаются липкие заголовки строк и столбцов в таблицах. А scroll-snap-type: pair привязывает обе оси к одному и тому же элементу.

Из остального: неудачная загрузка модуля больше не кэшируется, и её можно повторить через import(); IndexedDB для новых хранилищ переведён на SQLite без изменений в API; WebTransport получил заголовки запроса и ответа. В списке origin trials — 16 экспериментов, среди них WebMCP и HTML внутри canvas.

Чего пока нет: random() не поддерживает Firefox (в Safari функция уже есть), поэтому на боевом сайте её стоит оборачивать в @supports или задавать запасное значение. Ничего своего по части веб-платформы Microsoft в заметках не называет: это тот же Chromium, а собственные изменения Edge 156 касаются интерфейса браузера — запросов разрешений, автозаполнения и паролей.

Источник: Microsoft Edge 156 web platform release notes