REGRESSION(r285232) https://alvaromontoro.github.io/almond.css/demo/ looks wrong in Safari, ok in Chrome and Firefox

• Component: Layout and Rendering
• Status: RESOLVED FIXED

[Jon Lee]

https://alvaromontoro.github.io/almond.css/demo/

Scroll to the bottom of the page. There are circular progress bars. The percentage label is misplaced in Safari, it is properly centered in Chrome and Firefox.

[Simon Fraser (smfr)]

This is grid with `place-items: center`.

[Radar WebKit Bug Importer]

<rdar://problem/89566459>

[zalan]

Created attachment 453500 [details]
Test reduction

[zalan]

Created attachment 453537 [details]
Patch

[Simon Fraser (smfr)]

Comment on attachment 453537 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=453537&action=review

> LayoutTests/ChangeLog:10
> +        * fast/css-grid-layout/ascpect-ratio-with-percent-width-expected.html: Added.
> +        * fast/css-grid-layout/ascpect-ratio-with-percent-width.html: Added.

Ideally this would be a WPT

[EWS]

Committed r290706 (247955@main): <https://commits.webkit.org/247955@main>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 453537 [details].

[Frédéric Wang (:fredw)]

Comment on attachment 453537 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=453537&action=review

>> LayoutTests/ChangeLog:10
>> +        * fast/css-grid-layout/ascpect-ratio-with-percent-width.html: Added.
> 
> Ideally this would be a WPT

Any reason, why this was not converted to a WPT reftest in the committed patch?

nit: there is a typo in the file name, it should be "aspect".

[Sam Sneddon [:gsnedders]]

*** Bug 240278 has been marked as a duplicate of this bug. ***

[Brent Fulgham]

This fix shipped with Safari 15.5 (all platforms).