Bug 291890 – Inline-flex container with column flex-direction fails to update width for uncached images

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

[Max Sinev]

When using an inline-flex container with flex-direction: column, the container does not dynamically adjust its width to match the intrinsic size of a child <img> element if the image is loaded without browser cache

Steps to Reproduce:
- Ensure the image is not cached.
- Create an inline-flex container with flex-direction: column and no explicit width.
- Place an <img> element inside the container, sourcing the uncached image.
- Observe the container’s width after the image loads.

Expected Behavior:
The inline-flex container’s width should adjust to match the intrinsic width of the <img> element, regardless of whether the image is cached or newly loaded.

Actual Behavior:
Uncached Image: The container’s width collapses or does not update to match the image’s intrinsic width.
Cached Image: The container correctly adjusts its width (works as expected).

Reproduction Link:
https://codepen.io/maxsinev/pen/QwwyJvY (Ensure "Disable Cache" is enabled in browser dev tools to replicate the issue)

[Radar WebKit Bug Importer]

<rdar://problem/150260401>

[alan]

Created attachment 479028 [details]
Patch

[alan]

Created attachment 479048 [details]
[fast-cq]Patch

[EWS]

Committed 311141@main (b68701f13edf): <https://commits.webkit.org/311141@main>

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

[Sammy Gill]

Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/59288