What causes inactive tabs to reload embedded content from external websites when the tab becomes active again?

[unigrated-solutions]

First Check

• I added a very descriptive title here.
• I have checked the FAQs for a similar question and didn't find it.
• I used the GitHub search to find a similar question and didn't find it.
• I searched the NiceGUI documentation, with the integrated search.
• I already searched online "How to X in NiceGUI" and didn't find any information.

Example Code

from nicegui import ui

@ui.page('/')
def minimal():
    tab_names: list[str] = []
    panels_by_name: dict[str, ui.tab_panel] = {}

    def next_tab_name() -> str:
        """Generate the next free tab name (string index)."""
        used = set(map(int, tab_names))
        for i in range(len(used) + 1):
            if i not in used:
                return str(i)

    def create_tab(label: str, content_callback) -> None:
        """Create a new tab + panel with given label and content."""
        name = next_tab_name()
        tab_names.append(name)

        with tabs:
            ui.tab(name=name, label=label)

        with tab_panels:
            panel = ui.tab_panel(name).classes('w-full').style('height: calc(100vh - 160px);')
            panels_by_name[name] = panel
            with panel:
                content_callback()

        tabs.set_value(name)

    # Tabs
    def homepage_content():
        ui.label('Homepage!')
        ui.button('Click me', on_click=lambda: ui.notify('Hello from Homepage'))

    def nicegui_content():
        ui.html(
            '<iframe src="https://nicegui.io/" '
            'style="width:100%; height:100%; border:none;"></iframe>'
        ).classes('w-full h-full')

    # Layout
    with ui.header().classes('bg-blue-600 text-white').style('height: 50px;'):
        with ui.button('Navigation').props('flat'):
            with ui.menu():
                ui.menu_item('Homepage', on_click=lambda: create_tab('Homepage', homepage_content))
                ui.menu_item('NiceGUI', on_click=lambda: create_tab('NiceGUI', nicegui_content))

    tabs = ui.tabs().classes('w-full')
    tab_panels = ui.tab_panels(tabs).classes('w-full')

    create_tab('Homepage', homepage_content)
    
ui.run()

Description

When I embed data from external platforms through their native copy and paste embed code, everything works fine. When I embed it within a tab panel, the content reloads every time I re-open the tab. I think I understand why but looking for a more technical explanation. I've searched and found similar questions asked but not with my specific test case. Using nicegui.io just as an example in my code and would never expect a full website as such to be successfully embedded.

NiceGUI Version

2.24.2

Python Version

Python 3.11.2

Browser

Chrome, Other

Operating System

Linux

Additional Context

No response

[python-and-novella]

The iframe is not supported by VUE KeepAlive.

[python-and-novella]

Here is same problem,but I am not expert, maybe you know it.
vue中使用keep- alive缓存机制，切换标签含有iframe标签的界面会被重新刷新的问题处理 - 熬夜点ICU - 博客园
https://www.cnblogs.com/aoye-icu/p/15704814.html

[unigrated-solutions]

I appreciate the response and I think I understand. I've been playing around with different flows that maintain a stable connection to a remote nicegui webserver inside of a local native application. If you care to take a look and provide any feedback I made a simple example app: https://github.com/unigrated-solutions/example-pywebview-nicegui-tray