RESOLVED FIXED306258
`height: 100%` has wrong calculation for img as grid cell nested inside flexbox 
https://bugs.webkit.org/show_bug.cgi?id=306258
Summary `height: 100%` has wrong calculation for img as grid cell nested inside flexbox
Oliver Joseph Ash
Reported 2026-01-26 02:44:48 PST
https://codepen.io/OliverJAsh/pen/KwMvXKW In Chrome and Firefox the `height: 100%` on `img` is computed as the height of the grid row. ✅ However, in Safari, the `height: 100%` on `img` is computed as the height of the container. ❌ Interestingly, if you remove the parent flexbox, the `height: 100%` is computed as the height of the row. ✅
Attachments
Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2026-01-26 03:22:17 PST
*** Chrome Canary 146.0.7651.1 (Official Build) canary-dcheck (arm64) *** Image is not stretched in container. *** Firefox Nightly 149 (20260124212758) *** Image is not stretched in container. *** WebKit ToT (306197@main) - Minibrowser *** Image is *stretched* in container.
Radar WebKit Bug Importer
Comment 2 2026-02-02 02:45:11 PST
<rdar://problem/169431440>
Sammy Gill
Comment 3 2026-04-27 10:55:07 PDT
Pull request: https://github.com/WebKit/WebKit/pull/63559
EWS
Comment 4 2026-04-29 07:41:02 PDT
Committed 312281@main (bd1628731f5e): <https://commits.webkit.org/312281@main> Reviewed commits have been landed. Closing PR #63559 and removing active labels.
Sammy Gill
Comment 5 2026-04-29 10:03:28 PDT
Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/59550
Note You need to log in before you can comment on or make changes to this bug.