Bug 213049

Summary: Overzealous overflow detection with column-count
Product: WebKit Reporter: Jake Fried <friedj>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, azin+webkit, bfulgham, karlcow, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Unspecified   
OS: Unspecified   
URL: https://software.hixie.ch/utilities/js/live-dom-viewer/?saved=14284
Attachments:
Description Flags
testcase
none
rendering in safari, firefox, chrome none

Jake Fried
Reported 2020-06-10 14:32:43 PDT
Summary --------------- Original context: https://github.com/ampproject/amphtml/issues/28556 This appears to be a regression with Safari version 13.1, since I could not reproduce this on version 13.0.5. When using a combination of column-count, responsive images, padding, and overflow:hidden, images become fully hidden that shouldn't be. Reproducible case: https://eight-lucky-diamond.glitch.me/) ```html <!DOCTYPE html> <html lang="en"> <head> <style> .container { column-count: 2; } .img-wrapper { position: relative; padding: 5px; } .responsive-wrapper { overflow: hidden !important; position: relative; } .sizer { padding-top: 66.66666666666666%; } img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-height: 100%; max-width: 100%; } </style> </head> <body> <h1>column-count test</h1> <div class="container"> <div class="img-wrapper"> <div class="responsive-wrapper"> <div class="sizer"></div> <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/VNU_lethanhtong_900x600.jpg" width="900" height="600" /> </div> </div> <div class="img-wrapper"> <div class="responsive-wrapper"> <div class="sizer"></div> <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/VNU_lethanhtong_900x600.jpg" width="900" height="600" /> </div> </div> </div> </body> </html> ```
Attachments
testcase (1.32 KB, text/html)
2025-11-27 17:43 PST, Karl Dubost 		no flags
Details
rendering in safari, firefox, chrome (933.96 KB, image/png)
2025-11-27 17:44 PST, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-06-11 18:14:29 PDT
<rdar://problem/64278994>
Ahmad Saleem
Comment 2 2025-11-27 13:02:38 PST
@Karl - are you able to reproduce this issue? Note - Wikimedia source is down so I used images from other websites, which might not be responsive images to trigger the bug but just wanted to get your input.
Karl Dubost
Comment 3 2025-11-27 17:43:17 PST
Created attachment 477544 [details] testcase This is the testcase from the reporter. I adjusted the image to a new file.
Karl Dubost
Comment 4 2025-11-27 17:44:54 PST
Created attachment 477545 [details] rendering in safari, firefox, chrome This is the rendering which shows no differences in between browsers. Let's close. If this still reproduces, please propose a new testcase demonstrating the issue.
Note You need to log in before you can comment on or make changes to this bug.