Bug 231849

Summary:

Element with clip-path and aspect-ratio renders with wrong dimensions

Product:

WebKit

Reporter:

Jacob Bandes-Storch <jacob>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Normal

CC:

bfulgham, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 15

Hardware:

Mac (Apple Silicon)

OS:

macOS 11

Attachments:

Description	Flags
Screen recording demonstrating the issue	none

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 ***