tech.news
Firefox 152 : field-sizing en Baseline et Project Nova
Design

Firefox 152 : field-sizing en Baseline et Project Nova

La version 152 de Firefox, publiée le 16 juin 2026, apporte deux actualités majeures : la propriété CSS field-sizing atteint l'interopérabilité cross-browser en devenant Baseline Newly Available, et Mozilla dévoile officiellement Project Nova, son plus grand redesign de navigateur depuis 2019.

field-sizing : enfin dans les trois moteurs

La propriété CSS field-sizing permet aux éléments de formulaire — <textarea>, <input> — d'adapter automatiquement leur taille à leur contenu sans JavaScript. Deux valeurs : content (la taille suit le texte) et fixed (comportement classique).

css
textarea { field-sizing: content; /* s'étire avec le texte */ } input[type="search"] { field-sizing: content; /* largeur dynamique */ }

Déjà disponible dans Chrome et Safari, field-sizing était le dernier blocage pour atteindre l'interopérabilité complète. Avec Firefox 152, la propriété est désormais supportée par les trois moteurs principaux (Blink, WebKit, Gecko) et peut être utilisée en production sans fallback complexe.

Concrètement, cela élimine le pattern addEventListener('input', () => { textarea.style.height = ... }) que tout le monde a écrit au moins une fois pour faire grossir un textarea. Un attribut CSS remplace désormais ce bout de JavaScript.

Project Nova : le redesign qui s'active déjà

Mozilla a profité du lancement de Firefox 152 pour publier une feuille de route complète autour de Project Nova, présenté comme le plus grand redesign de Firefox en six ans.

Les contours de Nova : une interface modernisée avec un Compact mode restauré, une meilleure personnalisation, un accès renforcé aux outils de vie privée (VPN intégré, bloquage de trackers plus visible, kill switch pour les fonctions IA), et un support HDR natif pour les contenus visuels.

Ce qui est déjà activable. Le redesign est visible dès maintenant via un flag expérimental dans Firefox, ce qui permet aux développeurs et designers de tester l'interface avant le déploiement général prévu plus tard dans l'année.

Le calendrier complet inclut également :

  • Groupes d'onglets sur Firefox Android (déjà en déploiement progressif avec Firefox 152)
  • Raccourcis clavier personnalisables
  • Édition PDF avancée (split, merge, réorganisation)
  • Multi-Account Containers intégrés nativement

Autres nouveautés pour les développeurs

Firefox 152 embarque plusieurs ajouts moins spectaculaires mais utiles :

  • Tab Groups sur Android : les groupes d'onglets, déjà populaires sur desktop, commencent leur déploiement mobile.
  • Silencer de tabs : une action rapide dans la barre d'adresse permet de couper le son de toutes les tabs d'un coup.
  • DevTools – comments HTML : nouvelle option « Show comments » dans l'Inspecteur pour afficher ou masquer les nœuds commentaires dans l'arbre DOM.
  • JPEG XL expérimental : le format d'image nouvelle génération est activable dans Firefox Labs.

Pour les utilisateurs de design systems, l'arrivée de field-sizing en Baseline ouvre la voie à des formulaires plus adaptatifs sans couche JavaScript : un gain de simplicité et de performance pour tous les cas d'usage d'input à contenu variable.