Fix workflow iframe embed collapsing on resize (#2295)

Erol444 · PawelPeczek-Roboflow · web-flow · commit 901fbf2126a2 · 2026-04-30T13:06:35.000+02:00
* trying to fix workflow iframe embed collapsing issue

* revert back to lazy loading for page load time

* fix min width to 768px

---------

Co-authored-by: Paweł Pęczek &lt;146137186+PawelPeczek-Roboflow@users.noreply.github.com&gt;
diff --git a/development/docs/workflows_gallery_builder.py b/development/docs/workflows_gallery_builder.py
@@ -234,7 +234,7 @@ def generate_preview_iframe(workflow_name_in_app: str, workflow_definition: dict
     )
     human_readable_name = workflow_name_in_app.replace("-", " ")
     return (
-        f'<div style="height: 768px;">'
+        f'<div style="height: 768px; min-height: 400px; min-width: 768px; overflow: hidden;">'
         f'<iframe src="https://app.roboflow.com/workflows/embed/{iframe_token}?showGraph=true" '
         f'loading="lazy" title="Roboflow Workflow for {human_readable_name}"'
         f' style="width: 100%; height: 100%; min-height: 400px; border: none;"></iframe></div>'

Original file line number	Diff line number	Diff line change
`@@ -234,7 +234,7 @@ def generate_preview_iframe(workflow_name_in_app: str, workflow_definition: dict`
`234`	`234`	`)`
`235`	`235`	`human_readable_name = workflow_name_in_app.replace("-", " ")`
`236`	`236`	`return (`
`237`		`- f'<div style="height: 768px;">'`
	`237`	`+ f'<div style="height: 768px; min-height: 400px; min-width: 768px; overflow: hidden;">'`
`238`	`238`	`f'<iframe src="https://app.roboflow.com/workflows/embed/{iframe_token}?showGraph=true" '`
`239`	`239`	`f'loading="lazy" title="Roboflow Workflow for {human_readable_name}"'`
`240`	`240`	`f' style="width: 100%; height: 100%; min-height: 400px; border: none;"></iframe></div>'`