[Webkit-unassigned] [Bug 227682] New: Object-fit:cover and img source with srcset cause rendering issue

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Jul 5 03:12:46 PDT 2021


            Bug ID: 227682
           Summary: Object-fit:cover and img source with srcset cause
                    rendering issue
           Product: WebKit
           Version: Safari 14
          Hardware: All
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: roland at nextendweb.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Device to reproduce
- iPhone
- OSX Safari Responsive design -> iPhone

Steps to reproduce
1. Open https://smartslider3.com/bugs/webkit/object-fit-srcset/srcset.html

Expected result
The background image with the cow should cover the area as it has object-fit:cover

Actual result
The background image rendered as if it would be stretched with width:100% and height:100% and object-fit omitted. Screenshot (iPhone 11, IOS 14.6): https://i.imgur.com/iYkQVDr.png

It seems like that his bug related to the fact that srcset="... 400w" is defined for the image. Check this example, which do not have the 400w in the markup and it looks fine: https://smartslider3.com/bugs/webkit/object-fit-srcset/good.html

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/20210705/6ae2b516/attachment-0001.htm>

More information about the webkit-unassigned mailing list