RESOLVED CONFIGURATION CHANGED293605
dingbats.net: `daily dingbats` svg image logo is stretched and incorrect (with max-height: rem + object-fit: cover) 
https://bugs.webkit.org/show_bug.cgi?id=293605
Summary dingbats.net: `daily dingbats` svg image logo is stretched and incorrect (wit...
Ahmad Saleem
Reported 2025-05-26 21:39:02 PDT
Created attachment 475381 [details] WebKit ToT (295429@main) vs Chrome Canary 138 vs Firefox Nightly 140 Hi Team, While searching for something random based on youtube video, I noticed this bug on this website. Website: https://dingbats.net/ In the strip of social media icons, on left side, the image is stretched and of incorrect size in Safari / WebKit and also on ToT (295429@main) but works fine in Firefox Nightly 140 and Chrome Canary 138. Just raising so we can fix it. Thanks1
Attachments
WebKit ToT (295429@main) vs Chrome Canary 138 vs Firefox Nightly 140 (2.22 MB, image/png)
2025-05-26 21:39 PDT, Ahmad Saleem 		no flags
Details
rendering in safari, firefox, chrome (1.45 MB, image/png)
2025-05-28 19:23 PDT, Karl Dubost 		no flags
Details
testcase (1.37 MB, image/png)
2025-05-28 19:55 PDT, Karl Dubost 		no flags
Details
testcase rendering in safari, firefox, chrome (1.37 MB, image/png)
2025-05-28 19:55 PDT, Karl Dubost 		no flags
Details
testcase (1.37 KB, text/html)
2025-05-28 19:58 PDT, Karl Dubost 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2025-05-26 21:39:12 PDT
<rdar://problem/152064745>
Ahmad Saleem
Comment 2 2025-05-26 21:45:44 PDT
Reduction - https://jsfiddle.net/mbnvraqx/1/
Karl Dubost
Comment 3 2025-05-28 19:23:15 PDT
Created attachment 475405 [details] rendering in safari, firefox, chrome
Karl Dubost
Comment 4 2025-05-28 19:32:30 PDT
So the issue is not related to rem. We can get this out of the way. .css-1fd7e9i { max-height: 50px; object-fit: cover; } creates the same exact issue.
Karl Dubost
Comment 5 2025-05-28 19:55:21 PDT
Created attachment 475406 [details] testcase Created a testcase with an SVG data URI which fails on Safari but pass on STP.
Karl Dubost
Comment 6 2025-05-28 19:55:53 PDT
Created attachment 475407 [details] testcase rendering in safari, firefox, chrome
Karl Dubost
Comment 7 2025-05-28 19:58:08 PDT
Created attachment 475408 [details] testcase
Karl Dubost
Comment 8 2025-05-28 20:04:11 PDT
ahmad, it looks like it has been fixed on recent version of Safari.
Simon Fraser (smfr)
Comment 9 2025-05-29 11:08:31 PDT
I still see the bug on a build at 295447@main.
Ahmad Saleem
Comment 10 2025-09-04 17:52:17 PDT
It seems to be fixed in Safari Technology Preview 227.
Note You need to log in before you can comment on or make changes to this bug.