Document scroll positions get reset when rendering charts inside tabs

[lubaskinc0de]

Reproduction

https://codesandbox.io/p/live/53b8b407-a526-4963-9152-a2ad9bb97c52

Describe the bug

When I change tabs (between different charts), document scroll got reset to top, it's very terrible

System Info

System:
    OS: Linux 6.10 Arch Linux
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 2.38 GB / 11.33 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Binaries:
    Node: 22.7.0 - /usr/bin/node
    npm: 10.8.3 - /usr/bin/npm
  Browsers:
    Brave Browser: 127.1.68.141
  npmPackages:
    @vueuse/core: ^11.0.3 => 11.0.3 
    radix-vue: ^1.9.5 => 1.9.5 
    vue: ^3.4.37 => 3.4.38

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests

[c00lc0de]

I'm experiencing the same issue using ECharts. It’s likely that the content height changes dynamically when the chart is rendered, which can cause the document to scroll unexpectedly

I was able to fix this issue by assigning a minimal height to the tab content.