290024 2025-03-18 20:42:44 -0700 Adding max-width and max-height:100% breaks aspect-ratio 2025-10-23 01:54:18 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 18 Unspecified Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=246303 InRadar P2 Normal --- 1 ash webkit-unassigned bfulgham simon.fraser webkit-bug-importer zalan oldest_to_newest 2104258 0 474623 ash 2025-03-18 20:42:44 -0700 Created attachment 474623 minimal reproduction While attempting to constrain an aspect-ratio div inside another relative div, I set max-width:100% and max-height:100%. Expected: In other browsers this doesn't allow the ratio box to get larger than the container. Actual: In Safari the aspect ratio is not preserved Example: https://codepen.io/AshKyd/pen/jEOzbbj 2106068 1 webkit-bug-importer 2025-03-25 20:43:12 -0700 <rdar://problem/147897043> 474623 2025-03-18 20:42:44 -0700 2025-03-18 20:42:44 -0700 minimal reproduction index.html text/html 710 ash PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIiA+CjxoZWFkPgogIDxtZXRhIGNoYXJzZXQ9 IlVURi04Ij4KICA8dGl0bGU+bWF4LXdpZHRoIFNhZmFyaSBidWc8L3RpdGxlPgogIDxsaW5rIHJl bD0ic3R5bGVzaGVldCIgaHJlZj0iLi9zdHlsZS5jc3MiPgogIDxzdHlsZSB0eXBlPSJ0ZXh0L2Nz cyI+CiAgKnsKICAgIGJveC1zaXppbmc6Ym9yZGVyLWJveDsKICB9CiAgLmNvbnRhaW5lcnsKICAg IHdpZHRoOjUwdnc7CiAgICBoZWlnaHQ6ODB2aDsKICAgIGJvcmRlcjoxMHB4IGRhc2hlZCBibGFj azsKICAgIHBvc2l0aW9uOnJlbGF0aXZlOwogICAgbWFyZ2luLWJvdHRvbTo0cmVtOwogIH0KCiAg LnJhdGlvewogICAgYXNwZWN0LXJhdGlvOjEuNTsKICAgIGJvcmRlcjoxMHB4IHNvbGlkIGZ1Y2hz aWE7CiAgICBtYXgtd2lkdGg6MTAwJTsKICAgIG1heC1oZWlnaHQ6MTAwJTsKICB9CiAgPC9zdHls ZT4KPC9oZWFkPgo8Ym9keT4KPGgxPm1heC13aWR0aDoxMDAlO21heC1oZWlnaHQ6MTAwJSBsb3Nl cyB0aGUgcmF0aW8gYW5kIGdldHMgdG9vIHdpZGUgd2hlbiBoZWlnaHQgPiBjb250YWluZXI8L2gx Pgo8cD5DaGFuZ2UgdGhlIHdpZHRoIG9mIHRoZSB3aW5kb3cgdG8gc2VlIHRoaXMgYmVoYXZpb3Vy PC9wPgo8ZGl2IGNsYXNzPSJjb250YWluZXIiPgogIDxkaXYgY2xhc3M9InJhdGlvIj48L2Rpdj4K PC9kaXY+CiAgCjwvYm9keT4KPC9odG1sPgo=