[Webkit-unassigned] [Bug 246060] New: REGRESSION: lazy image loading inside 0-height inline is broken

[bugzilla-daemon at webkit.org]

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

            Bug ID: 246060
           Summary: REGRESSION: lazy image loading inside 0-height inline
                    is broken
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: All
               URL: https://threejs.org
                OS: All
            Status: NEW
          Keywords: BrowserCompat, InRadar, NeedsReduction
          Severity: Critical
          Priority: P1
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: karlcow at apple.com
                CC: bfulgham at webkit.org, nmouchtaris at apple.com,
                    simon.fraser at apple.com, zalan at apple.com

Steps to reproduce:
1. With Safari 16.1 (18614.2.6.1.1) on macOS
2. Go to https://threejs.org

Expected:
The right side of the screen (`#projects`) is full of square images

Actual:
The area is empty. 
`#projects` has a 0px height. Images have not been loaded. 


Each images are 

```
<a href="https://eyes.nasa.gov/apps/mars2020/" target="_blank" rel="noopener"><img src="files/projects/mars2020.png" loading="lazy"></a>
```

if I toggle off and on:

```
#projects a {
overflow: hidden;
}
```

or 

```
#projects {
line-height: 0;
}
```

The images are being downloaded and the grid appears.

This is working as expected in Firefox Nightly 107 and Chrome Canary 108.

also on rdar://99905638

-- 
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/20221005/fa2cd7ed/attachment-0001.htm>