ui.leaflet location is reset when ui.plotly is updated

[qutang]

Description

minimal reproducible code:

import plotly.graph_objects as go
from nicegui import ui
from random import random


@ui.page("/")
async def page():
    m = ui.leaflet(zoom=5)
    central_park = m.generic_layer(
        name="polygon",
        args=[
            [
                (40.767809, -73.981249),
                (40.800273, -73.958291),
                (40.797011, -73.949683),
                (40.764704, -73.973741),
            ]
        ],
    )
    await m.initialized()
    bounds = await central_park.run_method("getBounds")
    m.run_map_method("fitBounds", [[bounds["_southWest"], bounds["_northEast"]]])

    fig = go.Figure()
    fig.update_layout(margin=dict(l=0, r=0, t=0, b=0))
    plot = ui.plotly(fig).classes("w-full h-40")

    def add_trace():
        fig.add_trace(go.Scatter(x=[1, 2, 3], y=[random(), random(), random()]))
        plot.update()

    ui.button("Add trace", on_click=add_trace)


ui.run()

Once I click the button to update the graph, the leaflet map view was reset to the original state before running the map method to fit bounds.

I tested the code on windows platform.

[falkoschindler]

Thanks for reporting this issue, @qutang!

It seems like any update to the ui.plotly element moves the map back to its original location, even when resizing the window so that the plot is affected. I could boil it down to three lines only:

ui.leaflet(zoom=5)
plot = ui.plotly({})
ui.button("Add trace", on_click=plot.update)