Nuevas funciones de WebKit en Safari 17.2

HTML

• Accordion exclusivo: soporte para el atributo name en el elemento <details>. Al seleccionar uno, los demás ítems se cierran automáticamente
• Soporte de autocompletado de códigos OTP recibidos por mensaje al usar autocomplete="one-time-code" en campos <input>

CSS

• Se elimina la restricción de tener que anteponer & a los selectores de elemento al usar CSS Nesting
• Soporte para unidades root como rcap, rex, ric, rch y otras
• Actualización de CSS Motion Path para cumplir mejor con el estándar web
• Se agrega soporte para la función linear() en animaciones y transiciones
• Soporte para funciones matemáticas como rem(), mod(), round() y otras
• Soporte para la propiedad counter-set
• Se elimina el prefijo del navegador en -webkit-mask-box-image y se da soporte directo a mask-border-[mode|outset|repeat|slice|source|width]
• Soporte para Custom Highlights API: permite personalizar elementos como ::selection con la función ::highlight()

Image y Video

• Soporte para preloading de Responsive Image: imagesrcset/imagesizes de <link rel=preload> pueden usarse igual que srcset/sizes de <img>
• Se cambia el uso del valor de la imagen tal cual en la propiedad imageOrientation de none a from-image, que es más adecuado
• Soporte para <image crossorigin> en SVG
• Soporte para el códec H264 L1T2
• Se elimina el prefijo del navegador en webkitPreservesPitch y se agrega como HTMLMediaElement.preservesPitch

JavaScript

• Soporte para import attributes (permite agregar información de tipo al importar)
• Soporte para FormatApproximately de Intl.NumberFormat

Web API

• Soporte para Fetch Priority: permite configurar fetchpriority=[high|low|auto] para imágenes, scripts, CSS y más
• Soporte para el atributo title durante la validación de formularios. En caso de error de validación, se muestra el valor de title
• Soporte para CanvasRenderingContext2D.prototype.reset()
• Soporte para enviar ciertos eventos del mouse a controles de formulario deshabilitados: mouseenter, mouseleave, mousemove, mouseover, mousewheel, etc. No reciben click/mouseup/mousedown

Web Apps

• Login Cookies: aunque una web app se agregue con "Add to Dock" en Mac o "Add to HomeScreen" en iOS, puede guardar cookies de inicio de sesión y mantener la sesión iniciada
• Se mejora la apariencia de los íconos de web apps. Para la mejor experiencia, se recomienda ofrecer SVG o imágenes de 1024x1024 o mayores
• En las web apps de Mac, se puede activar "Mostrar barra de estado". También se puede cambiar fácilmente la página que se cargará primero en la ventana de la web app

WebGL

• Soporte para nuevas extensiones de WebGL: EXT_blend_func_extended, WEBGL_clip_cull_distance

Privacy

• Se agrega blob partitioning

Web Inspector

• Soporte para Color Variable en la paleta de colores
• Vista con ajuste del timing de animaciones