altair chart is size 0 when shown hidden then shown again

[cpsievert]

Click tab B, then tab A. The plot size is 0.

import altair as alt
import pandas as pd
from shiny import reactive
from shiny.express import ui

from shinywidgets import render_altair

@reactive.calc
def plt():
    main_df = pd.DataFrame({
        "x": [1, 2, 3, 4, 5, 6],
        "y": [3, 4, 5, 6, 7, 8],
    })

    return (
        alt.Chart(main_df)
        .mark_circle()
        .encode(x="x", y="y")
    )


with ui.card():
    with ui.navset_pill(id="tab"):
        with ui.nav_panel("A"):

            @render_altair
            def x_y_graph():
                return plt()

        with ui.nav_panel("B"):

            @render_altair
            def y_x_graph():
                return plt()

[chendaniely]

Cross-posting Carson's workaround posted in discord:

you can add a ui.tags.script that triggers a resize when a tab is shown to workaround it for now