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()

Beginnen Sie mit dem bereitgestellten px.density_mapbox-Beispiel und reproduzieren Sie das Flackern der Breite beim manuellen Bewegen des Animationsreglers. Vergleichen Sie das Verhalten in Streamlit und Jupyter Notebook unter Verwendung der Rendering-Modi notebook_connected und browser; abgeschlossen ist die Aufgabe, wenn die Ursache identifiziert und ein reproduzierbares Ergebnis oder ein bestätigter Fix dokumentiert wurde.