new InfiniteViewer will empty the iframe

[zlyyyy]

There is an iframe in the viewport, and the content of the iframe will be cleared after the new InfiniteViewer

[zlyyyy]

Here is my minimal rendition
https://stackblitz.com/edit/stackblitz-starters-rb32s7?file=src%2FApp.tsx

[zlyyyy]

emty dom

[zlyyyy]

@daybrush
Trying to downgrade the version can't solve it, it seems to be a persistent problem

[zlyyyy]

It is normal to write before iframe write, and init will reproduce after write

[zlyyyy]

After looking at the source code, these two lines of code lead to

        if (!wrapperElement) {
            wrapperElement = doc.createElement("div");
            wrapperElement.insertBefore(this._viewportElement, null);
            containerElement.insertBefore(wrapperElement, null);
        }

<iframe> may be lost when moving it to another parent element using insertBefore. This is due to browser behavior when re-rendering an <iframe>

At present, I skipped here and solved it by manually specifying wrapperElement

const infiniteViewer = new InfiniteViewer(view, viewport, {
        wrapperElement: wrapper
}

[daybrush]

@zlyyyy

If there is an iframe inside the viewport, refresh may occur during the process of appendChild and insertBefore.
As in your comment, it's probably best to set the wrapperElement as an ad-hoc.

The framework also creates a wrapper and sets it through props.

[zlyyyy]

@daybrush Yes, I temporarily solved it by setting wrapperElement