Bug 244697

Summary: `aspect-ratio` inside flex container with fixed height and border overflows container
Product: WebKit Reporter: Benoît Rouleau <benoit.rouleau>
Component: Layout and RenderingAssignee: Sammy Gill <sgill26>
Status: NEW    
Severity: Normal CC: 709922234, bfulgham, cathiechen, karlcow, sgill26, simon.fraser, webkit-bug-importer, webkit-layout-noreply, webkit, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 15   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=267625
https://bugs.webkit.org/show_bug.cgi?id=272527
Attachments:
Description Flags
HTML file showcasing the issue
none
rendering in Safari, Safari TP, firefox, chrome none

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.