Chrome 154 introduce una nueva capacidad que permite a los iframes ajustar su altura automáticamente al contenido interno mediante una sola propiedad CSS, eliminando la necesidad de scripts de medición complejos. Esta funcionalidad, disponible solo en Chromium, resuelve un problema recurrente en el desarrollo web: la inconsistencia visual en formularios de pago y widgets de terceros que suelen presentar espacios vacíos o barras de desplazamiento innecesarias. Para activar esta opción, el contenido dentro del iframe debe incluir una etiqueta meta específica que autorice los orígenes que lo incrustan, y el navegador debe medir el contenido para establecer la altura. Aunque el navegador gestiona la medición automática, el código JavaScript dentro del iframe sigue siendo necesario para notificar al navegador cuando el contenido cambia dinámicamente, como la aparición de errores o la expansión de secciones. Esta mejora es particularmente relevante para proveedores de pagos y servicios de terceros, ya que permite que los formularios se adapten fluidamente a las interacciones del usuario, mejorando la experiencia de compra. Sin embargo, la adopción depende de la colaboración entre el desarrollador del iframe y el proveedor de contenido, ya que este último debe implementar la etiqueta meta y la función de re-medición. Además, los desarrolladores deben considerar el impacto en los Core Web Vitals debido al cambio de layout y garantizar la seguridad restringiendo los orígenes autorizados, ya que permitir cualquier sitio podría filtrar información sensible sobre el estado de la sesión del usuario.
Noticias agregadas con IA