Primeira vez na plataforma da Web em março

Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em março de 2025.

Rachel Andrew

Publicado em 31 de março de 2025

Versões estáveis do navegador

Em março de 2025, o Firefox 136, o Chrome 134 e o Safari 18.4 se tornaram estáveis. Esta postagem analisa os novos recursos adicionados à plataforma da Web.

Novas pseudoclasses :has-slotted e :open

O Firefox 136 oferece suporte à pseudoclasse :has-slotted, usada para estilizar elementos em <template> que têm conteúdo adicionado a um elemento <slot> ao renderizar um componente da Web.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

A pseudoclasse :open permite selecionar qualquer elemento que esteja atualmente em um estado aberto. Isso se aplica aos elementos <details>, <dialog>, <input> com um seletor e aos elementos <select> quando uma caixa de seleção suspensa está aberta.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

O Firefox 136 também oferece suporte a Intl.DurationFormat. Isso permite formatar durações, considerando a localidade. Esse recurso se junta ao Baseline. Saiba mais em Intl.DurationFormat agora disponível no Baseline.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

O valor plaintext-only do atributo contenteditable

Outro recurso que está se tornando o padrão e está disponível nesta versão do Firefox é o valor plaintext-only do atributo global contenteditable. Leia mais sobre esse valor em A combinação de valor do atributo "apenas texto simples" de contenteditable agora está disponível na versão de referência.

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

Modos de gravação lateral para CSS

O Safari 18.4 inclui suporte para writing-mode: sideways-rl e writing-mode: sideways-lr. Esses valores são usados quando você quer exibir texto verticalmente por motivos de apresentação. Elas vão ficar disponíveis como "Baseline".

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

A função shape() do CSS

A função CSS shape() também está disponível no Safari 18.4, permitindo formas de forma livre responsivas em clip-path.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.support()

O Safari 18.4 implementa o método support() para ClipboardItem(). Isso permite que você veja quais formatos são compatíveis com as operações da área de transferência e agora está disponível como padrão.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

Dispensar luz para <dialog>

Um dos recursos interessantes da API Popover é o comportamento de dispensa leve. Esse comportamento agora faz parte de <dialog>, implementado no Chrome 134, com um novo atributo closedby que controla o comportamento.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: not supported.
  • Safari: not supported.

A API Web Locks agora tem suporte para armazenamento compartilhado

O Chrome 134 integra a API Web Locks à Shared Storage. Isso evita cenários como a medição de alcance entre sites que pode resultar em relatórios duplicados, devido às possíveis condições de disputa na lógica get() e set().

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia do que vai estar na próxima versão estável do navegador. É um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes que o mundo receba a versão. As novas versões Beta são Firefox 137 e Chrome 135. Essas versões trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para saber todos os detalhes. Confira alguns destaques.

O Firefox 137 inclui o método estático Math.sumPrecise, que retorna a soma de um iterável (como uma matriz). Esta versão também inclui Atomics.pause(). Esse método fornece uma dica à CPU de que a linha de execução atual está em um spinlock enquanto aguarda o acesso a um recurso compartilhado.

O Chrome 135 inclui vários recursos de CSS relacionados à criação de carrosséis. Ele também inclui elementos <select> personalizáveis e os atributos command e commandfor.