Nouvelles fonctionnalités WebKit de Safari 17.2

HTML

• Accordéon exclusif : prise en charge de l’attribut name sur l’élément <details>. Lorsqu’un élément est sélectionné, les autres se ferment automatiquement
• Prise en charge de la saisie automatique des codes OTP reçus par message en ajoutant autocomplete="one-time-code" à un champ <input>

CSS

• En CSS Nesting, la contrainte d’ajouter & aux sélecteurs d’élément disparaît
• Prise en charge des unités Root comme rcap, rex, ric, rch
• Mise à jour de CSS Motion Path pour mieux respecter le standard du Web
• Ajout de la prise en charge de la fonction linear() pour les animations et les transitions
• Prise en charge de fonctions mathématiques comme rem(), mod(), round()
• Prise en charge de la propriété counter-set
• Suppression du préfixe navigateur de -webkit-mask-box-image et prise en charge directe de mask-border-[mode|outset|repeat|slice|source|width]
• Prise en charge de l’API Custom Highlights : permet de personnaliser des éléments comme ::selection avec la fonction ::highlight()

Image et vidéo

• Prise en charge du preloading des Responsive Images : imagesrcset / imagesizes de <link rel=preload> peuvent être utilisés tels quels comme srcset / sizes de <img>
• Changement de la valeur utilisant directement l’orientation de l’image pour la propriété imageOrientation, de none vers from-image, plus approprié
• Prise en charge de <image crossorigin> en SVG
• Prise en charge du codec H264 L1T2
• Suppression du préfixe navigateur de webkitPreservesPitch et ajout sous HTMLMediaElement.preservesPitch

JavaScript

• Prise en charge des import attributes (ajout possible d’informations de type lors de l’import)
• Prise en charge de FormatApproximately dans Intl.NumberFormat

API Web

• Prise en charge de Fetch Priority : possibilité de définir fetchpriority=[high|low|auto] pour les images, scripts, CSS, etc.
• Prise en charge de l’attribut title lors de la validation de formulaire. En cas d’erreur de validation, la valeur de title est affichée
• Prise en charge de CanvasRenderingContext2D.prototype.reset()
• Prise en charge de l’envoi de certains événements souris vers des contrôles de formulaire désactivés : mouseenter, mouseleave, mousemove, mouseover, mousewheel, etc. click / mouseup / mousedown ne sont pas pris en charge

Applications Web

• Login Cookies : même lorsqu’une web app est ajoutée via « Add to Dock » sur Mac ou « Add to HomeScreen » sur iOS, les cookies de connexion peuvent être stockés afin de conserver la session
• Amélioration de l’affichage des icônes des web apps. Pour une expérience optimale, il faut fournir un SVG ou une image d’au moins 1024x1024
• Dans les web apps sur Mac, il est possible d’activer « Afficher la barre d’état ». Il est aussi plus facile de modifier la première page chargée dans la fenêtre de la web app

WebGL

• Prise en charge de nouvelles extensions WebGL : EXT_blend_func_extended, WEBGL_clip_cull_distance

Confidentialité

• Ajout du blob partitioning

Web Inspector

• Prise en charge des variables de couleur dans la palette de couleurs
• Possibilité de visualiser les animations en ajustant leur timing