NEW 244697
`aspect-ratio` inside flex container with fixed height and border overflows container 
https://bugs.webkit.org/show_bug.cgi?id=244697
Summary `aspect-ratio` inside flex container with fixed height and border overflows c...
Benoît Rouleau
Reported 2022-09-01 18:18:16 PDT
Created attachment 462083 [details] HTML file showcasing the issue Compare the attached HTML file in different browsers. Safari is the only one that renders the red square over the black border.
Attachments
HTML file showcasing the issue (532 bytes, text/html)
2022-09-01 18:18 PDT, Benoît Rouleau 		no flags
Details
rendering in Safari, Safari TP, firefox, chrome (189.89 KB, image/png)
2022-09-01 23:24 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2022-09-01 23:18:50 PDT
<rdar://problem/99475341>
Karl Dubost
Comment 2 2022-09-01 23:24:37 PDT
Created attachment 462087 [details] rendering in Safari, Safari TP, firefox, chrome Tested on macOS 13.0 --- Safari 16.1 18614.2.1.1.1 Safari Technology Preview 16.0 18615.1.2.3 Firefox Nightly 106.0a1 10622.8.31 Google Chrome Canary 107.0.5275.0 5275.0 the div doesn't have a 1:1 ratio but a 1:2 ratio.
Sammy Gill
Comment 3 2025-01-03 17:34:45 PST
Pull request: https://github.com/WebKit/WebKit/pull/38522
Benoît Rouleau
Comment 4 2025-01-03 17:38:17 PST
<3
Note You need to log in before you can comment on or make changes to this bug.