Plotly chart flickers when changing tabs

[jrieke]

Checklist

• I have searched the existing issues for similar issues.
• I added a very descriptive title to this issue.
• I have provided sufficient information below to help reproduce this issue.

Summary

When using the same Plotly chart in two tabs, it flickers when switching between the tabs.

CleanShot.2024-04-27.at.17.32.15.mp4

Reproducible Code Example

import streamlit as st
import plotly.graph_objects as go

tabs = st.tabs(["Tab 1", "Tab 2"])
for tab in tabs:
    with tab:
        col1, col2 = st.columns(2)
        with col2:
            chart_values = [1, 2, 3, 4, 5]
            trend = go.Figure()
            trend.add_trace(go.Line(y=chart_values))
            st.plotly_chart(trend, use_container_width=True)

Steps To Reproduce

Run the app above, switch between the tabs.

Expected Behavior

Plot stays in place.

Current Behavior

Plot flickers, see video at the top. Note that this is especially pronounced when the Plot is in a column (as in the code example above) but it also has a (smaller) flicker when used outside of a column.

Is this a regression?

• Yes, this used to work in a previous version.

Debug info

• Streamlit version: 1.33
• Python version: 3.9
• Operating System:
• Browser: Chrome

Additional Information

No response

[github-actions]

If this issue affects you, please react with a 👍 (thumbs up emoji) to the initial post.

Your feedback helps us prioritize which bugs to investigate and address first.