fix(virtual-core): add support to multi window

[YuanboXue-Amber]

Overview

In multi window environment, where React is running in a main window/process and renders content to a different child window, the globals like setTimeout/clearTimeout will not work properly because it's using the main Window object and not the child one.

This PR adds support to multi-window.
setTimeout --> targetWindow.setTimeout
clearTimeout --> targetWindow.clearTimeout
ResizeObserver --> targetWindow.ResizeObserver

targetWindow is obtained from scrollElement.ownerDocument.defaultView.

More details

We have multi-windows use case, so we want to make sure that the globals work well with it. This is the reason for my PR.

I built an example of dynamic height list in child window:
https://stackblitz.com/edit/vitejs-vite-2zau9t?file=src%2FApp.tsx&terminal=dev

1. Open this example on Chrome/Edge
2. Popout the example in a new tab
3. Click 'Open Child Window' button, a child window opens and a dynamic height virtual list is visible
4. Open devtools on child window, modify the content of Row 0.
5. Notice the resize did not get triggered immediately. It triggers after 5-10 seconds.
   (Note that this happens only when the child window is opened for the first time from the main window. This inconsistent behavior came from browser.)

I tried the same example with my change, and the resize is triggered immediately.

• Before

before-480p.mov

• After

after-480p.mov

We are switching to @tanstack/react-virtual for our virtualized lists because we find its api very appealing!
This is my first time contributing to tanstack. I appreciate your feedbacks!

[piecyk]

Also check if ResizeObserver is on targetWindow

[YuanboXue-Amber]

Here it should be guarded by type as well. (If you meant by checking if (targetWindow.ResizeObserver))

[piecyk]

Yes, same as in comment below, we check if ResizeObserver is on global context on L82, but the create instance on targetWindow

[YuanboXue-Amber]

Updated :) could you give it one more round of review

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 8a60b26. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx affected --targets=test:format,test:sherif,test:knip,test:lib,test:types,test:build,build

---

Sent with 💌 from NxCloud.

[piecyk]

Thanks @YuanboXue-Amber great work 👏

[YuanboXue-Amber]

@piecyk thanks for the quick review! When do you plan the next release? We would like to use have this change in our app.

[piecyk]

@YuanboXue-Amber it alredy done https://github.com/TanStack/virtual/releases/tag/v3.5.1