![]()
O web.dev publicou o resumo mensal do Baseline referente a junho de 2026. A atualização destaca uma novidade especialmente prática para formulários: a propriedade CSS field-sizing passou a fazer parte do Baseline Newly available. Na mesma edição, diversos recursos de CSS, HTML e APIs web foram classificados como Baseline Widely available, indicando uma compatibilidade ampla no conjunto principal de navegadores.
Baseline não é um selo de que todo recurso funciona em qualquer navegador antigo. A proposta é oferecer uma referência comum para que equipes avaliem quando uma tecnologia atingiu um nível de interoperabilidade adequado aos projetos. A classificação ajuda a substituir suposições por uma decisão técnica mais clara: adotar agora, adotar com melhoria progressiva ou aguardar mais implementações.
O que muda com o field-sizing
O field-sizing controla como determinados controles de formulário calculam suas dimensões. Com field-sizing: content, elementos como textarea, input e select podem ajustar o tamanho ao conteúdo, em vez de depender apenas de dimensões fixas. Isso reduz a necessidade de scripts próprios para redimensionar campos e pode simplificar interfaces de edição, filtros e formulários com conteúdo variável.
A propriedade não elimina a necessidade de testar a experiência. O tamanho máximo do componente, a rolagem, o comportamento em telas pequenas e a acessibilidade continuam sendo decisões do projeto. Uma aplicação pode usar o recurso como melhoria progressiva e manter dimensões razoáveis ou um comportamento alternativo quando o navegador não oferecer a mesma implementação.
Recursos que chegaram ao Baseline Widely available
O digest também lista a ampla disponibilidade de recursos que já aparecem com frequência em projetos modernos. O seletor relacional :has() permite estilizar um elemento a partir de seus descendentes ou irmãos sem recorrer a JavaScript para inspecionar a árvore do documento. A propriedade loading de iframe ajuda a adiar o carregamento de frames fora da área inicial, enquanto CanvasRenderingContext2D.reset() facilita a reutilização de contextos 2D sem limpar manualmente cada estado.
Há ainda recursos voltados a tipografia, animação, responsividade e processamento de mídia. A unidade cap permite dimensionar elementos com base na altura das letras maiúsculas; counter-set oferece mais controle sobre contadores CSS; e createImageBitmap() ajuda a decodificar imagens de forma assíncrona. O seletor de aninhamento &, o tipo <easing-function> e o recurso de pré-carregamento responsivo com media também aparecem na lista.
Outros destaques incluem preservesPitch para controlar a altura do áudio quando a velocidade de reprodução muda, :dir() para trabalhar com direção de texto, a função matemática pow(), a propriedade abreviada mask, a media feature scripting e URL.canParse() para validar URLs sem depender de exceções. O Storage Access API completa a relação, oferecendo um mecanismo para conteúdos incorporados solicitarem acesso a armazenamento em cenários entre sites.
Como usar o digest no planejamento
Para quem mantém uma base web, a lista é mais útil como ponto de partida do que como autorização automática para remover todos os fallbacks. Vale identificar onde um recurso resolve código próprio, medir o impacto na acessibilidade e observar o público real do produto. Formulários podem ser bons candidatos para um teste com field-sizing; componentes que usam JavaScript apenas para descobrir relações entre elementos podem ser avaliados para uma migração gradual para :has().
O próprio web.dev recomenda acompanhar alertas do Baseline no painel Web Platform Status. É possível assinar notificações por e-mail ou feeds RSS, criar buscas salvas e configurar avisos para a equipe. Assim, a atualização de compatibilidade entra no fluxo de manutenção sem transformar cada lançamento de navegador em uma investigação manual.
O resumo completo, publicado por Jeremy Wagner, está disponível em https://web.dev/blog/baseline-digest-jun-2026. A página é a fonte para a lista de recursos e para o contexto da classificação de junho de 2026.



