Streamlit Cloud iframe is Blank

Custom Components
1

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")
        components.iframe("https://docs.streamlit.io/en/latest")
        st.write("different iframe test")
        components.iframe(src="http://smb-analytics-metabase.herokuapp.com/public/dashboard/afefddda-d5d4-43ed-83fd-307eab7ded3c", 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:

2
22880×1602 381 KB

Streamlit Cloud Version:

1
12883×1584 189 KB

e

2

Duplicate to Iframe Component is Blank on Streamlit Cloud Deploy