Plotly dashbio plot shrinking on page

I am attempting to write a manhattan plot from dashbio to my app. I’ve done some testing with sample data provided from dash as shown below:

gwas = pd.read_csv('https://raw.githubusercontent.com/plotly/dash-bio-docs-files/master/manhattan_data.csv')


fig = dashbio.ManhattanPlot(
        dataframe = gwas
    )
    fig.update_layout(showlegend=True,
        width=1200,
        height=500)
    
st.plotly_chart(fig, use_container_width=True)

the chart renders just fine but when I adjust the page size, and sometimes when I interact with the chart, it begins shrinking like so:

beginning state:

after interacting:

this seems to be due to resizing in the html here:

I have tried saving the plot to html and integrating that directly with components.html but this problem persists.

I realize this is a discrepancy between dash and streamlit but does anyone have any suggestions?

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.