Slides have incorrect width when displaying iframes and plotly figures #6463
Description
Describe the bug
When displaying an iframe using mo.iframe or plotly graphs using mo.ui.plotly, the frames width is incorrectly sized when using the slides layout option
Will you submit a PR?
- Yes
Environment
{
"marimo": "0.16.0",
"editable": false,
"location": "/home/ervo/git/notebooks/.venv/lib/python3.13/site-packages/marimo",
"OS": "Linux",
"OS Version": "6.8.0-83-generic",
"Processor": "x86_64",
"Python Version": "3.13.4",
"Binaries": {
"Browser": "137.0.7151.68",
"Node": "v24.4.0"
},
"Dependencies": {
"click": "8.3.0",
"docutils": "0.22.2",
"itsdangerous": "2.2.0",
"jedi": "0.19.2",
"markdown": "3.9",
"narwhals": "2.5.0",
"packaging": "25.0",
"psutil": "7.1.0",
"pygments": "2.19.2",
"pymdown-extensions": "10.16.1",
"pyyaml": "6.0.2",
"starlette": "0.48.0",
"tomlkit": "0.13.3",
"typing-extensions": "4.15.0",
"uvicorn": "0.36.0",
"websockets": "15.0.1"
},
"Optional Dependencies": {
"altair": "5.5.0",
"duckdb": "1.4.0",
"nbformat": "5.10.4",
"openai": "1.108.1",
"pandas": "2.3.2",
"polars": "1.33.1",
"pyarrow": "21.0.0",
"loro": "1.6.0",
"pytest": "8.4.2",
"python-lsp-ruff": "2.2.2",
"python-lsp-server": "1.13.1",
"ruff": "0.13.1",
"sqlglot": "27.16.3"
},
"Experimental Flags": {
"performant_table_charts": true
}
}
Code to reproduce
import marimo as mo
mo.iframe("https://marimo.io/")Displays fine in vertical view, but in slides view the iframe get squished
Vertical View:
Slides View:
I can also oberve similar pehaviour when using plotly graphs:
import marimo as mo
import plotly.express as px
df = px.data.gapminder().query("country=='Germany'")
fig = px.line(df, x="year", y="lifeExp", title='Life expectancy in Germany')
mo.ui.plotly(fig)Vertical View:
Slides View:
