Bug 264864

Summary:	Use scrollMargin for lazy load intersection observer
Product:	WebKit	Reporter:	Traian Captan <tcaptan>
Component:	Layout and Rendering	Assignee:	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>