[Webkit-unassigned] [Bug 265243] New: `aspect-ratio` CSS may not work correctly

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=265243

            Bug ID: 265243
           Summary: `aspect-ratio` CSS may not work correctly
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: misinoe.t at gmail.com

Created attachment 468724

  --> https://bugs.webkit.org/attachment.cgi?id=468724&action=review

html that confirms the aspect-ratio problem, and videos of other browsers

Environment
* M1 MacBook Pro 2020
  - macOS 14.1.1 (23B81)
  - Safari 17.1 (19616.2.9.11.7)
* iOS Simulator (iPhone 15 Pro Max)
  - iOS 17.0

In Safari, when `overflow` and `aspect-ratio` are set to a child element of `display: flex` and the screen is resized, the `aspect-ratio` of the child element is not maintained.
You can see the problem by opening the attached file `aspect-ratio-test.html` and resizing the screen using responsive mode.
I expect that if I specify `aspect-ratio: 1 / 1`, the element will be displayed square.
Thank you in advance.

-- 
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/20231122/200d225c/attachment.htm>