Streamlit Cloud iframe is Blank

I am having trouble getting an iframe to display correctly on my private Streamlit Cloud deployed app.

Locally, the iframe works, but it remains blank on my deployed app.

The iframe is a Metabase Dashboard that I have enabled sharing on.

I tried the following code to embed this iframe in my app

import streamlit as st
import streamlit.components.v1 as components
        st.write("Streamlit Docs Example iframe")
        st.write("different iframe test")
        components.iframe(src="", width=1285, height=1000, scrolling=True)

Same thing happens in Chrome browser and Brave Browser. I tried removing the arguments from my iframe, but that did not work either.

Streamlit version streamlit==1.10.0

Local Version:

Streamlit Cloud Version:


Duplicate to Iframe Component is Blank on Streamlit Cloud Deploy