Pular para o conteúdo

Baseline em junho: field-sizing chega e vários recursos web ganham compatibilidade ampla

O digest de junho de 2026 do web.dev destaca a chegada do field-sizing ao Baseline Newly available e a ampla compatibilidade de recursos úteis de CSS, HTML e APIs web.

Resumo mensal do valor de referência de junho de 2026

Google web.dev, fonte oficial

Resumo mensal do valor de referência de junho de 2026

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.

Resumo da semana

Leve contexto para a caixa de entrada.

Uma edição semanal, sem barulho e sem promessas vazias.