Timeline slider causes width flickering/glitching

Hello there!

Basically I’m using a px.density_mapbox for plotting animated coordinates over a map, and using a slider which allows users to “time-travel” over the coordinates. When I hit the play button it seems to work relatively fine, but when I update the slider manually the mapbox’s width starts filckering/glitching around, by this I mean it’s width changes randomly as shown in this video 2

I’ve expericenced this behaviour using plotly with streamlit as well as with jupyter-notebook (both notebook_connected and browser rendering modes)

Does anyone know what could be the cause for this? Thanks!

Code:

    fig = px.density_mapbox(coords_df,
                            title=f"Some Nice title",
                            lat="lat",
                            lon="lon",                                                        
                            animation_frame="hour_minute",
                            animation_group="service_id",                            
                            radius=10,                            
                            )
    fig.show()

Start with the provided px.density_mapbox example and reproduce the width flickering while manually moving the animation slider. Compare the behavior in Streamlit and Jupyter Notebook using notebook_connected and browser rendering modes; done means identifying the cause and documenting a reproducible result or confirmed fix.