gradio 5.3.0 has a frozen UI

[rsxdalv]

Describe the bug

(Blocking for 5.3.0, using 5.1.0 for now)
Upgrading project from 5.1.0 to 5.3.0 makes the whole UI frozen. However, the API still works.

Have you searched existing issues? 🔎

• I have searched and found no existing issues

Reproduction

import gradio as gr

Screenshot

Logs

Uncaught (in promise) TypeError: IntersectionObserver.observe: Argument 1 is not an object.
    xe Tabs.svelte:54
    run svelte.js:41
    mount_component svelte.js:3182
    flush svelte.js:2141

System Info

Gradio Environment Information:
------------------------------
Operating System: Windows
gradio version: 5.3.0
gradio_client version: 1.4.2

------------------------------------------------
gradio dependencies in your environment:

aiofiles: 23.2.1
anyio: 4.4.0
fastapi: 0.115.3
ffmpy: 0.3.2
gradio-client==1.4.2 is not installed.
httpx: 0.27.0
huggingface-hub: 0.25.2
jinja2: 3.1.4
markupsafe: 2.1.3
numpy: 1.26.4
orjson: 3.10.6
packaging: 24.1
pandas: 2.0.2
pillow: 10.3.0
pydantic: 2.8.2
pydub: 0.25.1
python-multipart: 0.0.9
pyyaml: 6.0.1
ruff: 0.6.1
semantic-version: 2.10.0
starlette: 0.41.0
tomlkit==0.12.0 is not installed.
typer: 0.12.3
typing-extensions: 4.11.0
urllib3: 2.2.2
uvicorn: 0.30.1
authlib; extra == 'oauth' is not installed.
itsdangerous; extra == 'oauth' is not installed.


gradio_client dependencies in your environment:

fsspec: 2024.6.1
httpx: 0.27.0
huggingface-hub: 0.25.2
packaging: 24.1
typing-extensions: 4.11.0
websockets: 11.0.3

Severity

Blocking usage of gradio

[hannahblair]

Hm, seems like we've got another tabs issue. cc @pngwn

[rsxdalv]

Retested with 5.5.0 and it remains broken. The current error is:

Tabs.svelte:54 Uncaught (in promise) TypeError: Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'.
    at Tabs.svelte:54:12
    at run (svelte.js:41:9)
    at Array.map (<anonymous>)
    at svelte.js:3182:48
    at flush (svelte.js:2141:5)