WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
NEW
266675
Broken image show full container rather than collapsing to text
https://bugs.webkit.org/show_bug.cgi?id=266675
Summary
Broken image show full container rather than collapsing to text
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
Details
View All
Add attachment
proposed patch, testcase, etc.
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
<
rdar://problem/120188744
>
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug