react-lazy-load icon indicating copy to clipboard operation
react-lazy-load copied to clipboard

Doesn't work well inside an iframe or an element with overflow

Open dizel3d opened this issue 5 years ago • 1 comments

Doesn't work well:

  1. inside an iframe that isn't visible in top window viewport.
  2. inside an element with overflow, e.g. inside div { width: 0; height: 0; overflow: hidden; }.

In the cases above LazyLoad shouldn't trigger loading, but it does.

Using IntersectionObserver would be a solution.

dizel3d avatar Oct 31 '18 11:10 dizel3d

One more advice about IntersectionObserver https://github.com/loktar00/react-lazy-load/issues/123

dizel3d avatar Oct 31 '18 11:10 dizel3d