Lazy Load within IFrames introduces a severe scroll lag

This issue has been tracked since 2021-02-18.

My react app is an ecommerce shop, with hundreds of products.
Adding react-lazyload has been a huge help in speeding up the overall page, and it works beautifully.

By design, this shop gets embedded on webpages via iframes. This is where the problem begins. It seems the offset no longer applies, where things only begin loading when they are actually in view. In addition, the scroll lag is absolutely horrible and unusable now. Its like the scroll/resize listeners are running continuously and not working correctly (Still trying to debug via devtools to see what the specific problem may be).

I have found one similar issue, however theirs relates to elements not loading at all, which is not the case in my scenario.

Hoping someone can help point me in the right direction as to what may be causing this, and how I can go about resolving it.

Thank you!

More Details About Repo
Owner Name twobin
Repo Name react-lazyload
Full Name twobin/react-lazyload
Language JavaScript
Created Date 2015-08-07
Updated Date 2022-11-29
Star Count 5639
Watcher Count 52
Fork Count 482
Issue Count 153


Issue Title Created Date Updated Date