[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