A interoperabilidade 2024 traz mais recursos para o valor de referência

Rachel Andrew

Publicado em 22 de janeiro de 2025

Com o fim da Interop 2024, esta postagem relembra o ano de maior sucesso do projeto. Todos os navegadores experimentais tiveram uma pontuação de 99, e as versões estáveis não ficaram muito atrás. Isso significa que vários recursos agora estão disponíveis na versão de referência.

Todos os navegadores com uma pontuação de 99.
Painel de compatibilidade 2024 (em 22 de janeiro de 2025)

Mais recursos para a referência

Para que um recurso seja considerado recém-disponível na referência, ele precisa ser interoperável. Não é surpreendente que a Interop 2024 tenha ajudado vários recursos nessa linha e no Baseline 2024.

Propriedades personalizadas registradas

A regra @property e o método estático CSS.registerProperty() foram disponibilizados como referência em julho de 2024.

A propriedade font-size-adjust

A propriedade CSS font-size-adjust preserva o tamanho aparente do texto, independentemente da fonte usada, dimensionando as fontes para o mesmo tamanho em relação a uma métrica específica, como a altura x. Isso pode ajudar a fazer com que as fontes de substituição tenham o mesmo tamanho. Ele passou a estar disponível como valor de referência em julho de 2024.

O método requestVideoFrameCallback() para <video>

O método requestVideoFrameCallback() para <video> programa uma função que é executada com o próximo frame de vídeo. É semelhante a requestAnimationFrame(), mas para vídeo, e ficou disponível em outubro de 2024.

Estilo da barra de rolagem com scrollbar-width e scrollbar-gutter

A propriedade CSS scrollbar-width define a largura da barra de rolagem, e scrollbar-gutter reserva espaço para ela, evitando mudanças de layout indesejadas à medida que a barra de rolagem aparece e desaparece. Elas ficaram disponíveis como valor de referência em dezembro de 2024.

A propriedade transition-behavior

A declaração CSS transition-behavior: allow-discrete permite transições para propriedades cujo comportamento de animação é discreto. Essas propriedades não podem ser interpoladas e trocadas do valor inicial para o valor final em 50%. Essa propriedade passou a estar disponível como "Baseline" em agosto de 2024.

text-wrap: balance

A propriedade CSS text-wrap define como as linhas são quebradas no texto que transborda o contêiner. É uma forma abreviada de text-wrap-style e text-wrap-mode. O valor balance permite criar títulos equilibrados e outros textos curtos. A propriedade text-wrap passou a estar disponível como "Baseline" em março de 2024.

Pop-up

O pop-up permite criar sobreposições de forma declarativa usando HTML ou com o método showPopover(). Quase chegou ao status de disponível recentemente, e na verdade, inicialmente pensamos que tinha chegado, mas um problema com a implementação do Safari fez com que ele não chegasse ao status de disponível recentemente em 2024. A boa notícia é que o problema foi corrigido na versão Beta 18.3 do Safari. Em breve, poderemos anunciar corretamente o Popover como disponível recentemente.

Correções nos recursos de referência

Alguns recursos incluídos na Interop 2024 já foram classificados como "Disponível". O trabalho foi corrigir algumas pequenas diferenças na implementação. Essas coisas podem ser encontradas por poucas pessoas, mas pequenas coisas fazem uma grande diferença se você as encontrar.

Aninhamento de CSS

O aninhamento de CSS permite seletores mais curtos, leitura mais fácil e mais modularidade ao anichar regras dentro de outras. Ele se tornou disponível como valor de referência em dezembro de 2023 e foi incluído na Interop 2024 para corrigir alguns problemas de interoperabilidade pendentes.

DOM paralelo declarativo

O atributo shadowrootmode em <template> cria uma raiz sombra sem o uso de JavaScript. É uma alternativa declarativa ao método `attachShadow()`.

A interoperabilidade 2025 será lançada em breve

As propostas estão sendo finalizadas para a Interop 2025, e estamos animados para continuar com todo o nosso sucesso este ano. Confira o anúncio em fevereiro para saber o que está incluído. Para acompanhar as novidades do Baseline, confira nossa série de recursos recém-disponíveis do Baseline aqui no web.dev.