Bug 231849 - Element with clip-path and aspect-ratio renders with wrong dimensions
Summary: Element with clip-path and aspect-ratio renders with wrong dimensions
Status: RESOLVED DUPLICATE of bug 231852
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 15
Hardware: Mac (Apple Silicon) macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-10-15 18:12 PDT by Jacob Bandes-Storch
Modified: 2021-10-21 15:30 PDT (History)
4 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jacob Bandes-Storch 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.
Comment 1 Alexey Proskuryakov 2021-10-17 18:06:42 PDT 
rdar://84324312
Comment 2 Simon Fraser (smfr) 2021-10-17 18:30:45 PDT 
I may have fixed this in https://trac.webkit.org/changeset/284336/webkit. Need to test.
Comment 3 Simon Fraser (smfr) 2021-10-21 15:30:45 PDT 
Confirmed fixed.

*** This bug has been marked as a duplicate of bug 231852 ***