Chrome 154 permet aux sites d'activer le dimensionnement adaptatif des iframes

Chrome 154 doit passer en version Stable le 22 septembre 2026. Parmi ses fonctionnalités phares, les notes de version de Chrome 154 citent une « Responsively-sized iframe », qui permettrait aux « sites d'activer le dimensionnement adaptatif des iframes » (« sites opt into responsive sizing for iframes »). Si vous intégrez un formulaire FormFlow sur votre site, la question naturelle est de savoir si cela change quelque chose pour vous. Réponse courte, d'après le code : non, car le formulaire intégré n'est pas dans une iframe.

Ce que disent les notes de version

L'entrée indique que la fonctionnalité « sizes the iframe element in the parent document to the embedded document's layout overflow sizing » (dimensionne l'élément iframe du document parent selon la taille de débordement de mise en page du document intégré), avec pour objectif « avoiding scrolling in the child document » (éviter le défilement dans le document enfant). En clair : une page qui contient un autre document dans un cadre peut faire correspondre le cadre à la hauteur dont ce document a besoin, au lieu de fixer une hauteur et de laisser une barre de défilement dans le cadre.

Les notes sont brèves. Elles ne disent pas quel attribut ou quel en-tête un site utilise pour activer la fonctionnalité, et cet article n'en devinera pas un. Elles renvoient à un ticket de suivi, à une entrée ChromeStatus et à la section sur les iframes adaptatives de la spécification css-sizing-4 ; lisez-les avant de modifier une page. Elles ne disent rien non plus des autres navigateurs.

Le formulaire intégré FormFlow est-il une iframe ?

Non. Un formulaire intégré est la propre page d'un client qui contient le composant généré : du balisage produit à partir du schéma du formulaire, placé directement dans la page, et qui envoie ses données au formulaire depuis le site du client. Nous avons vérifié le code pour cet article. Ni le générateur de composant ni le runtime d'intégration dans resources/js/embed/runtime.js ne crée d'iframe. Le runtime repère dans votre page les éléments form qui portent les attributs data du composant et travaille dessus sur place, en ajoutant des comportements comme la navigation entre les étapes et les messages d'erreur au formulaire déjà présent.

Cela règle la question de Chrome 154. La nouvelle fonctionnalité sert à dimensionner un cadre d'après le document qu'il contient. Un formulaire intégré n'a pas de cadre, donc il n'y a rien à dimensionner. Le formulaire prend la hauteur dont son propre balisage a besoin, comme n'importe quel autre bloc de votre page, et c'est la mise en page de la page qui décide de la place qu'il obtient.

Si vous placez vous-même un formulaire dans une iframe

Certains sites enveloppent dans un cadre le formulaire d'un autre service, et un cadre qui défile à l'intérieur d'une page est un désagrément connu pour un formulaire : le visiteur fait défiler la page, puis le cadre, puis perd le bouton d'envoi. Si c'est votre cas, la fonctionnalité de Chrome 154 peut vous concerner, mais son utilité dépend de détails que les notes de version ne précisent pas. Testez-la dans Chrome 154 Stable et vérifiez sa prise en charge dans les navigateurs de vos visiteurs avant de vous y fier.

Si vous préférez ne pas gérer de cadre du tout, vous pouvez placer le composant généré dans votre page sous forme de balisage. Intégrer un formulaire sur votre propre site web avec le composant généré vous guide pas à pas.

Que faire

• Lisez l'entrée des notes de version de Chrome 154 et la section de la spécification qu'elle référence avant de modifier un cadre.

• Si un cadre fait partie de la configuration de votre formulaire, essayez l'activation dans Chrome 154 Stable et comparez avec votre hauteur fixe actuelle.

• Si votre formulaire est placé sous forme de balisage, comme l'est le composant généré, vous n'avez rien à changer pour cette fonctionnalité.

Les fonctionnalités des navigateurs évoluent souvent ; revérifier votre formulaire après une version majeure de Chrome ne coûte pas cher et vous assure une certaine tranquillité, quelle que soit la façon dont vous l'intégrez.