Removing iframes from the DOM has unfortunate consequences

Question

Removing iframes from the DOM has unfortunate consequences

domenic opened this issue 6 years ago · comments

Consider a virtual scroller containing items, every 10th one of which is an iframe. When that iframe falls out of the scroller's viewport, the iframe element will get removed from the DOM. Because of how iframes work, this will completely unload it. Similarly, if it scrolls back into view, the iframe will get reloaded from its src="" URL.

This isn't really acceptable behavior for a lot of use cases, e.g. ads or stateful widgets.

Some solution ideas:

Special case iframes?
Mark certain elements as "don't remove from the DOM", e.g. using an attribute virtual-scroller-dont-remove or similar?

Kenneth Rohde Christiansen · Answer 1 · Thu Jul 26 2018 05:35:46 GMT+0800 (China Standard Time)

The demo with headers, also shows how you can handle elements so that they don't get removed.

Rakina Zata Amni · Answer 2 · Wed Apr 17 2019 17:48:29 GMT+0800 (China Standard Time)

Since the new approach (detailed in the newly-updated explainer) doesn't recycle/remove elements anymore, this should be a non-issue as the iframe would just stay where it was!