Bug 231849

Summary: Element with clip-path and aspect-ratio renders with wrong dimensions
Product: WebKit Reporter: Jacob Bandes-Storch <jacob>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: Mac (Apple Silicon)   
OS: macOS 11   
Attachments:
Description Flags
Screen recording demonstrating the issue none

Jacob Bandes-Storch
Reported 2021-10-15 18:12:36 PDT
Created attachment 441464 [details] Screen recording demonstrating the issue Also: FB9707213 Steps to reproduce: - Visit https://jsfiddle.net/2kca5j0t/ - Resize the window. Observe that the gradient shape in the lower right appears cut off when the viewport is much wider than it is tall. When resized so the viewport is narrow, the shape appears correct (not truncated). - Uncomment the "transform: scale(1);" rule. - Click the Run button in the upper left. - Observe that the gradient shape now appears correct regardless of the window size. - Visit the same demo page in Chrome and Firefox. Observe that the problem does not occur.
Attachments
Screen recording demonstrating the issue (49.12 MB, video/quicktime)
2021-10-15 18:12 PDT, Jacob Bandes-Storch 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2021-10-17 18:06:42 PDT
rdar://84324312
Simon Fraser (smfr)
Comment 2 2021-10-17 18:30:45 PDT
I may have fixed this in https://trac.webkit.org/changeset/284336/webkit. Need to test.
Simon Fraser (smfr)
Comment 3 2021-10-21 15:30:45 PDT
Confirmed fixed. *** This bug has been marked as a duplicate of bug 231852 ***
Note You need to log in before you can comment on or make changes to this bug.