Bug 264864

Summary: Use scrollMargin for lazy load intersection observer
Product: WebKit Reporter: Traian Captan <tcaptan>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, johannes.odland, simon.fraser, webkit-bug-importer, zalan
Priority: P3 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=263370

Description Traian Captan 2023-11-14 22:43:53 PST 
Currently the lazy load intersection observer is set up using a rootMargin. This does not work well for pages that use images in CSS scrollers, like carousels, causing the images to load too late, when they become visible and the intersection with the root is detected. To work around this issue some developers are choosing to not use lazy loading, thus increasing the overall bandwidth usage for their sites.
This problem was discussed in issue 431(https://github.com/w3c/IntersectionObserver/issues/431).

Using scrollMargin for the lazy load intersection observer will allow lazy loading images to load when they are near the viewport as expected.
Comment 1 Radar WebKit Bug Importer 2023-11-21 22:44:14 PST 
<rdar://problem/118706766>