Bug 266675

Summary: Broken image show full container rather than collapsing to text
Product: WebKit Reporter: Ahmad Saleem <ahmad.saleem792>
Component: ImagesAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: karlcow, sabouhallawa, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=62774
Attachments:
Description Flags
rendering in safari, firefox, chrome none

Ahmad Saleem
Reported 2023-12-19 18:21:37 PST
Hi Team, While looking on StackOverflow for Safari bugs, I noticed following bug: Test Case: https://jsfiddle.net/etjhgpdo/1/ ^ In above, Safari 17.2 will show large container while Firefox Nightly 123 and Chrome Canary 122 will show reasonable container size for broken image next to 'text'. StackOverlfow Article: https://stackoverflow.com/questions/61076138/broken-image-in-safari-browser-of-my-macbook-takes-full-height-unlike-chrome-and Just wanted to raise so we can fix it. Thanks!
Attachments
rendering in safari, firefox, chrome (216.25 KB, image/png)
2023-12-20 14:54 PST, Karl Dubost
no flags
Alexey Proskuryakov
Comment 1 2023-12-20 09:55:00 PST
img { width: 100%; border: 1px solid red; } We may have to change this for compatibility, but at least on the surface, WebKit behavior or preserving explicitly provided size seems to make more sense.
Karl Dubost
Comment 2 2023-12-20 14:54:19 PST
Created attachment 469152 [details] rendering in safari, firefox, chrome The difference is more significative with 10px than 100% https://codepen.io/webcompat/pen/YzgKRba with a very small box, the text is not readable anymore.
Karl Dubost
Comment 3 2023-12-20 14:55:36 PST
And even hovering with the mouse doesn't show the text.
Radar WebKit Bug Importer
Comment 4 2023-12-26 18:22:21 PST
Note You need to log in before you can comment on or make changes to this bug.