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

Bắt đầu với ví dụ px.density_mapbox được cung cấp và tái hiện hiện tượng chiều rộng nhấp nháy khi di chuyển thủ công thanh trượt hoạt ảnh. So sánh hành vi trong Streamlit và Jupyter Notebook bằng các chế độ kết xuất notebook_connected và browser; công việc được xem là hoàn tất khi xác định được nguyên nhân và ghi lại một kết quả có thể tái hiện hoặc một bản sửa lỗi đã được xác nhận.