Novos recursos do WebKit no Safari 17.2

HTML

• Exclusive Accordion: suporte ao atributo name no elemento <details>. Ao selecionar um, os outros itens se fecham automaticamente
• Suporte a preenchimento automático de código OTP recebido por mensagem ao usar autocomplete="one-time-code" em campos <input>

CSS

• Ao usar CSS Nesting, foi removida a limitação de precisar colocar & em seletores de elemento
• Suporte a unidades Root como rcap, rex, ric e rch
• Atualização do CSS Motion Path para ficar mais aderente ao padrão web
• Adicionado suporte à função linear() em animações e transições
• Suporte a funções matemáticas como rem(), mod() e round()
• Suporte à propriedade counter-set
• Remoção do prefixo de navegador em -webkit-mask-box-image e suporte direto a mask-border-[mode|outset|repeat|slice|source|width]
• Suporte à Custom Highlights API: agora é possível personalizar algo como ::selection com a função ::highlight()

Imagem e vídeo

• Suporte a preloading de Responsive Image: imagesrcset/imagesizes de <link rel=preload> podem ser usados diretamente como srcset/sizes de <img>
• Alteração mais apropriada no uso do valor da própria imagem na propriedade imageOrientation, de none para from-image
• Suporte a <image crossorigin> em SVG
• Suporte ao codec H264 L1T2
• Remoção do prefixo de navegador em webkitPreservesPitch e adição como HTMLMediaElement.preservesPitch

JavaScript

• Suporte a import attributes (permite adicionar informação de tipo ao importar)
• Suporte a FormatApproximately em Intl.NumberFormat

Web API

• Suporte a Fetch Priority: permite definir fetchpriority=[high|low|auto] para imagens, scripts, CSS etc.
• Suporte ao atributo title na validação de formulários. Em erros de validação, o valor de title é exibido
• Suporte a CanvasRenderingContext2D.prototype.reset()
• Suporte ao envio de certos eventos de mouse para controles de formulário desabilitados: mouseenter, mouseleave, mousemove, mouseover, mousewheel etc. click/mouseup/mousedown não são recebidos

Web Apps

• Login Cookies: mesmo ao adicionar um web app ao Mac com "Add to Dock" ou ao iOS com "Add to HomeScreen", os cookies de login são armazenados e a sessão pode ser mantida
• Alteração para que os ícones de web app fiquem mais limpos. Para a melhor experiência, é necessário fornecer SVG ou imagens de pelo menos 1024x1024
• Nos web apps do Mac, agora é possível ativar "Mostrar barra de status". Também ficou mais fácil alterar a primeira página carregada na janela do web app

WebGL

• Suporte a novas extensões WebGL: EXT_blend_func_extended, WEBGL_clip_cull_distance

Privacy

• Adicionado blob partitioning

Web Inspector

• Suporte a Color Variable na paleta de cores
• Visualização com ajuste de timing de animação