[Webkit-unassigned] [Bug 261556] New: Element with `height: 100%` has incorrect height inside container that uses aspect-ratio and max-width

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Sep 14 08:09:27 PDT 2023


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

            Bug ID: 261556
           Summary: Element with `height: 100%` has incorrect height
                    inside container that uses aspect-ratio and max-width
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: oliverjash at gmail.com

Created attachment 467680

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

Screenshot

https://jsbin.com/bitizawiji/1/edit?html,output

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>JS Bin</title>
  </head>
  <body>
    <div style="width: 300px">
      <div
        style="aspect-ratio: 4000 / 6000; max-width: 100%; background: green"
      >
        <div style="border: 5px solid black; height: 100%"></div>
      </div>
    </div>
  </body>
</html>

```

-- 
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/20230914/8e7afc34/attachment.htm>


More information about the webkit-unassigned mailing list