Default plotly chart from the docs overflows st.container with border in standard layout

[Asaurus1]

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

See the attached screenshot, which has the code to reproduce shown as well. This is using the example plotly code from the streamlit docs, so I don't think there's anything specific about the data that is being used.

Not sure if this is a "bug" but I would think by default we'd want plotly plots to have the width of their container.

Reproducible Code Example

Import plotly.express as px
Import streamlit as st

With st.container(border=true), st.echo():
    Df=px.data.iris()
    Fig=px.scatter(Df, x="sepal_width", y="sepal_length", color="species")
    st.plotly_chart(Fig)

Steps To Reproduce

1. Render plot via the code above
2. See overflow

Expected Behavior

No overflow

Current Behavior

Plot overflows it's container

Is this a regression?

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

Debug info

• Streamlit version: 1.31.1
• Python version: 3.11
• plotly version: will post when off mobile
• Operating System: Windows
• Browser: Opera version 4.188

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.

[mayagbarnes]

Hi @Asaurus1, thanks for your submission! We would definitely like to have the plotly chart fit properly by default so marking this as a confirmed bug - good news is this can be fixed in your use case by adding use_container_width=True to the chart call as follows:

with st.container(border=True), st.echo():
    Df=px.data.iris()
    Fig=px.scatter(Df, x="sepal_width", y="sepal_length", color="species")
    st.plotly_chart(Fig, use_container_width=True)

[Asaurus1]

@mayagbarnes yeah that makes a lot of sense.

[Asaurus1]

@mayagbarnes if you want it fix this by updating the default width for plotly charts I can probably submit a fix PR. If you think it'll require fancier handling I'll need a bit more description of the intent.