264864 2023-11-14 22:43:53 -0800 Use scrollMargin for lazy load intersection observer 2025-04-10 17:20:43 -0700 1 1 1 Unclassified WebKit Layout and Rendering WebKit Nightly Build All All RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=263370 InRadar P3 Normal --- 1 tcaptan webkit-unassigned bfulgham johannes.odland johannes.odland simon.fraser webkit-bug-importer zalan oldest_to_newest 1992689 0 tcaptan 2023-11-14 22:43:53 -0800 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. 1994299 1 webkit-bug-importer 2023-11-21 22:44:14 -0800 <rdar://problem/118706766> 2101109 2 simon.fraser 2025-03-06 13:09:04 -0800 *** This bug has been marked as a duplicate of bug 263370 *** 2101643 3 johannes.odland 2025-03-08 05:53:22 -0800 @smfr This bug is not quite the same as 263370, as this bug relates to using scrollMargin for lazy loading. I'm planning to file a separate PR for this once/if https://github.com/WebKit/WebKit/pull/40687 lands. 2101954 4 simon.fraser 2025-03-10 09:52:50 -0700 Mistaken duplication. 2109236 5 johannes.odland 2025-04-06 04:29:04 -0700 Pull request: https://github.com/WebKit/WebKit/pull/43712 2110314 6 ews-feeder 2025-04-10 17:20:40 -0700 Committed 293552@main (19ed0f7d93d1): <https://commits.webkit.org/293552@main> Reviewed commits have been landed. Closing PR #43712 and removing active labels.