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

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.