[Webkit-unassigned] [Bug 229687] New: Lazyload does not work properly with negative margins

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=229687

            Bug ID: 229687
           Summary: Lazyload does not work properly with negative margins
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Images
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: domfarolino at gmail.com
                CC: rbuis at igalia.com, sabouhallawa at apple.com

I'm a Chromium engineer, and while looking into a lazyload bug report on Chromium (crbug.com/994329#c14) I found that WebKit's lazyload implementation did not behave properly on a site using `loading=lazy` images. Specifically, there is a discrepancy between whether the IntersectionObserver API sees an image as "intersecting" vs whether the lazyload implementation sees an image as "intersection. See https://lazyload-study.glitch.me/crbug-994329.html for an example.

I think the IntersectionObserver API results should be the same as the lazyload implementation results, since LL is spec'd based off of IntersectionObserver: https://html.spec.whatwg.org/multipage/urls-and-fetching.html#start-intersection-observing-a-lazy-loading-element.

This works correctly in Chrome and Firefox.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210830/dd4ff61a/attachment-0001.htm>