[Webkit-unassigned] [Bug 254315] New: flex item with aspect-ratio and width has wrong height in column-flexed container with padding
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Mar 22 22:18:50 PDT 2023
https://bugs.webkit.org/show_bug.cgi?id=254315
Bug ID: 254315
Summary: flex item with aspect-ratio and width has wrong height
in column-flexed container with padding
Product: WebKit
Version: Safari 16
Hardware: Mac (Intel)
OS: macOS 12
Status: NEW
Severity: Normal
Priority: P2
Component: Layout and Rendering
Assignee: webkit-unassigned at lists.webkit.org
Reporter: alvinleung1996+webkitbugzilla at gmail.com
CC: bfulgham at webkit.org, simon.fraser at apple.com,
zalan at apple.com
Created attachment 465548
--> https://bugs.webkit.org/attachment.cgi?id=465548&action=review
Bug reproduction
Overview:
A flex item with aspect-ratio: 1/1 and width: 100% has wrong layout height when it is inside a flex container with flex-direction: column and padding: 32px.
Steps to Reproduce:
1. Open the attached html file in Safari.
Actual Results:
The height of the blue div equals to its width plus (32px * 2).
Expected Results:
The height of the blue div equals to its width.
Build Date & Hardware:
- Safari Technology Preview, Release 165 (Safari 16.4, WebKit 17616.1.4.4)
- Safari, Version 16.3 (17614.4.6.11.6, 17614)
- on macOS, Version 12.6.3 (21G419)
--
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/20230323/9fdbd161/attachment-0001.htm>
More information about the webkit-unassigned
mailing list