[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