Bug 311689 – REGRESSION(302241@main): CSS "aspect-ratio" is not honored when window is zoomed in

• Component: Layout and Rendering
• Status: RESOLVED FIXED

[Joseph Huckaby]

Created attachment 478957 [details]
Screenshot showing Safari zoomed in and aspect ratio of 1:1 not being honored

There appears to be a bug in Safari 26.4 with the CSS "aspect-ratio" property, when the page is zoomed in.  Specifically, an aspect-ratio such as "1:1" is no longer visibly square after zooming in.  It becomes elongated vertically.  See the live demo below, and zoom in (Cmd++) to reproduce.

This just started happening as soon as I upgraded to Safari 26.4.  It is also fully reproducible in Safari Technology Preview Release 240 (WebKit 20625.1.10.19.3).

It is not reproducible in any older Safari versions, such as v26.0.

Live Demo:

https://pixlcore.com/bugs/safari-bug-zoom-aspect-ratio.html

Bug is NOT reproducible in:

- Chrome latest (v146.0.7680.178)
- Firefox latest (v149.0.2)
- Safari v26.0.1 and earlier

Those browsers all render the pies in perfect square 1:1 aspect ratio regardless of the zoom level.

[Ahmad Saleem]

It is reproducible on WebKit ToT (310756@main).

[Radar WebKit Bug Importer]

<rdar://problem/174361289>

[Sammy Gill]

Created attachment 478971 [details]
Testcase

Attaching reduced test case

[Sammy Gill]

Pull request: https://github.com/WebKit/WebKit/pull/62380

[EWS]

Committed 310931@main (9ebcc420fbbe): <https://commits.webkit.org/310931@main>

Reviewed commits have been landed. Closing PR #62380 and removing active labels.

[EWS]

Committed 305413.640@safari-7624-branch (363565d442ff): <https://commits.webkit.org/305413.640@safari-7624-branch>

Reviewed commits have been landed. Closing PR #4920 and removing active labels.