NEW 230998
Allow IntersectionObserver API to specify root for individual targets
https://bugs.webkit.org/show_bug.cgi?id=230998
Summary Allow IntersectionObserver API to specify root for individual targets
Nikos Mouchtaris
Reported 2021-09-29 16:12:29 PDT
IntersectionObserver API should allow the specification of multiple roots, depending on the target element. This is needed for lazy image loading, as for lazy load images in scrollable elements, we want to set their root to the scrollable element, not the viewport. The current implementation results in the images being loaded only once they partially enter the viewport, as their root is set to the top-level viewport, not the scrollable element.
Attachments
Nikos Mouchtaris
Comment 1 2021-09-29 16:12:56 PDT
Nikos Mouchtaris
Comment 2 2021-09-29 17:16:42 PDT
Nikos Mouchtaris
Comment 3 2021-09-29 17:23:26 PDT
See that for image in scrollable div only gets loaded once it enters the viewport: https://codepen.io/nmoucht/pen/VwWgoPv.
Note You need to log in before you can comment on or make changes to this bug.