Interop 2024 добавляет в Baseline больше возможностей

Опубликовано: 22 января 2025 г.

Поскольку Interop 2024 подходит к концу, в этом посте вспоминается самый успешный год для проекта. В итоге все экспериментальные браузеры получили оценку 99, причем стабильные версии не сильно отставали. Этот успех означает, что ряд функций теперь доступны в базовой комплектации.

Все браузеры с оценкой 99.
Панель управления Interop 2024 (по состоянию на 22 января 2025 г.)

Больше возможностей в Baseline

Чтобы функция стала доступной базовой версией, она должна быть функционально совместима. Поэтому неудивительно, что Interop 2024 помог ряду функций в этой линии и в Baseline 2024 .

Зарегистрированные пользовательские свойства

Правило @property и статический метод CSS.registerProperty() стали базовыми, доступными в июле 2024 года.

Свойство font-size-adjust

CSS-свойство font-size-adjust сохраняет видимый размер текста независимо от используемого шрифта путем масштабирования шрифтов до одинакового размера с учетом определенного показателя, например высоты x. Это может помочь сделать так, чтобы резервные шрифты выглядели одинакового размера. Он стал базовой версией, доступной в июле 2024 года.

Метод requestVideoFrameCallback() для <video>

Метод requestVideoFrameCallback() для <video> планирует функцию, которая запускается со следующим видеокадром. Он похож на requestAnimationFrame() , но для видео и стал доступен в октябре 2024 года.

Стиль полосы прокрутки с scrollbar-width и scrollbar-gutter

Свойство CSS scrollbar-width задает ширину полосы прокрутки, а scrollbar-gutter резервирует место для полосы прокрутки, предотвращая нежелательные изменения макета при появлении и исчезновении полосы прокрутки. Они стали базовыми новыми доступными в декабре 2024 года.

Свойство transition-behavior

Объявление CSStransition transition-behavior: allow-discrete разрешает переходы для свойств, поведение анимации которых дискретно. Такие свойства нельзя интерполировать и менять их начальное значение на конечное значение на уровне 50%. Этот объект недвижимости стал базовым новым доступным в августе 2024 года.

text-wrap: balance

Свойство CSS text-wrap определяет, как разбиваются строки в тексте, выходящем за пределы контейнера. Это сокращение от text-wrap-style и text-wrap-mode . Значение balance позволяет создавать сбалансированные заголовки и другие короткие фрагменты текста. Свойство text-wrap стало Baseline Newly доступным в марте 2024 года.

Поповер

Popover позволяет создавать наложения декларативно с помощью HTML или с помощью метода showPopover() . Он почти добрался до версии Baseline Newly, и на самом деле изначально мы так и думали, однако из-за проблем с реализацией Safari он не совсем стал доступен в версии Newly в 2024 году. Хорошей новостью является то, что проблема исправлена ​​в текущей версии. Safari Beta 18.3, поэтому скоро мы сможем должным образом объявить Popover как новую доступную базовую версию.

Исправления базовых функций

В Interop 2024 были включены функции, которые уже были классифицированы как базовые. Недавно доступные, работа заключалась в исправлении некоторых небольших различий в реализации. Это могут быть вещи, с которыми сталкиваются очень немногие люди, однако небольшие вещи имеют большое значение, если с ними сталкиваетесь вы.

CSS-вложение

Вложенность CSS позволяет использовать более короткие селекторы, их легче читать и повысить модульность за счет вложения правил в другие. Он стал базовой версией, доступной в декабре 2023 года, и был включен в Interop 2024 для устранения некоторых нерешенных проблем взаимодействия.

Декларативный теневой DOM

shadowrootmode в <template> создает теневой корень без использования JavaScript. Это декларативная альтернатива методу AttachShadow().

Скоро выйдет Interop 2025

Сейчас дорабатываются предложения для Interop 2025, и мы рады закрепить весь наш успех в этом году. Следите за анонсом в феврале, чтобы узнать, что включено. Чтобы следить за новостями, появившимися в Baseline, ознакомьтесь с нашей серией новых доступных функций Baseline здесь, на сайте web.dev.