From 7d372bfb91b292c85e47c90f57afb747c12bd8c0 Mon Sep 17 00:00:00 2001
From: Tim Fischbach <tfischbach@codevise.de>
Date: Wed, 18 Mar 2026 17:00:43 +0100
Subject: [PATCH] Do not apply max-width to dynamically resized iframes

When autoResize is enabled, skip the fixed aspect ratio so the
iframe can adjust its width freely.
---
 .../iframeEmbed/IframeEmbed-spec.js           | 27 +++++++++++++++++++
 .../iframeEmbed/IframeEmbed.js                |  2 +-
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 entry_types/scrolled/package/spec/contentElements/iframeEmbed/IframeEmbed-spec.js

diff --git a/entry_types/scrolled/package/spec/contentElements/iframeEmbed/IframeEmbed-spec.js b/entry_types/scrolled/package/spec/contentElements/iframeEmbed/IframeEmbed-spec.js
new file mode 100644
index 0000000000..22fbc1d293
--- /dev/null
+++ b/entry_types/scrolled/package/spec/contentElements/iframeEmbed/IframeEmbed-spec.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import '@testing-library/jest-dom/extend-expect';
+
+import {renderInContentElement} from 'pageflow-scrolled/testHelpers';
+import {IframeEmbed} from 'contentElements/iframeEmbed/IframeEmbed';
+import fitViewportStyles from 'frontend/FitViewport.module.css';
+
+describe('IframeEmbed', () => {
+  it('renders FitViewport with aspect ratio by default', () => {
+    const {container} = renderInContentElement(
+      <IframeEmbed configuration={{source: 'https://example.com'}} />,
+      {seed: {}}
+    );
+
+    expect(container.querySelector(`.${fitViewportStyles.container}`)).not.toBeNull();
+  });
+
+  it('skips aspect ratio when autoResize is enabled', () => {
+    const {container} = renderInContentElement(
+      <IframeEmbed configuration={{source: 'https://example.com',
+                                   autoResize: true}} />,
+      {seed: {}}
+    );
+
+    expect(container.querySelector(`.${fitViewportStyles.container}`)).toBeNull();
+  });
+});
diff --git a/entry_types/scrolled/package/src/contentElements/iframeEmbed/IframeEmbed.js b/entry_types/scrolled/package/src/contentElements/iframeEmbed/IframeEmbed.js
index 20560ca3af..5135f7bf80 100644
--- a/entry_types/scrolled/package/src/contentElements/iframeEmbed/IframeEmbed.js
+++ b/entry_types/scrolled/package/src/contentElements/iframeEmbed/IframeEmbed.js
@@ -55,7 +55,7 @@ export function IframeEmbed({configuration}) {
   return (
     <div className={styles.wrapper}
          style={{pointerEvents: isEditable && !isSelected ? 'none' : undefined}}>
-      <FitViewport aspectRatio={aspectRatios[aspectRatio || 'wide']}
+      <FitViewport aspectRatio={configuration.autoResize ? null : aspectRatios[aspectRatio || 'wide']}
                    opaque={utils.isBlank(configuration.source)}>
         <ContentElementBox>
           <ContentElementFigure configuration={configuration}>