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

提供された px.density_mapbox の例から始め、アニメーションスライダーを手動で動かしたときの幅のちらつきを再現します。notebook_connected と browser のレンダリングモードを使用して、Streamlit と Jupyter Notebook での挙動を比較します。原因を特定し、再現可能な結果または修正が確認されたことを文書化できれば完了です。