Apple détaille les nouveautés de WebKit dans Safari 14.1

Apple détaille les nouveautés de WebKit dans Safari 14.1

Apple détaille les nouveautés de WebKit dans Safari 14.1

La nouvelle mouture de Safari est livrée avec les récentes mises à jour macOS 11.3 et iOS/iPadOS 14.5. Le moteur WebKit s’est doté pour l’occasion d’une foule d’améliorations.

On y trouve le support de Flexbox Gap, la reprise des éléments date, time et datetime-local par macOS, la prise en charge des Individual Transform Properties pour les CSS, le support ou l’amélioration du support des API Paint Timing, Web Speech, Web Audio et MediaRecorder, ou encore celui du WebM, déjà mentionné.

On trouve également de nombreux apports pour JavaScript – champs de classe, API Internationalization… – et WebAssembly. Pour ce dernier, WebKit supporte notamment les instructions atomiques définies par la spécification Threading. La mémoire partagée n’est cependant pas prise en charge tant que les en-têtes COEP/COOP ne sont pas supportés, pour éviter que des données utilisées se trouvent absorbées par une attaque de type Spectre.

Commentaires (3)



NextInpact a dit:


On y trouve la reprise des éléments date, time et datetime-local




Toujours pas présent dans Firefox :craint: .
Ticket ouvert depuis 5 ans et demi, toujours en P3 😭😭


En vrai, date je l’utilise jamais, car il pose plus de problème qui en corrige :




  • on ne peut pas copier la date

  • on ne peut pas choisir son mode d’affichage (fr/us/ja)

  • on ne peux pas changer UI du datepicker (qui est parfois pas franchement ergonomique pour certains navigateur, pour pas dire horrible)

  • on ne peux pas exclure de date (juste min & max)


@zefling ça dépend beaucoup de l’implémentation du navigateur, par exemple sur iOS tu peut copier la date, qui s’affiche dans la local de l’interface utilisateur (ex « 1 juin 2017 » pour la valeur “2017-06-01”, et le picker et le même pour toutes les dates du system (molettes)
Pour exclure des date il faut que tu passe par du JS avec setCustomValidity:



Select a weekday: 
<input type="date" onchange="setCustomValidity(valueAsDate.getDay()<5)">


C’est moins pratique que l’afficher directement comment date non sélectionnable, mais en même temps c’est un comme ça que d’autre de champs fonctionnent pour les input type e-mails ou url tu peut tapper ce que tu veux, c’est validé après coup


Fermer