Bug 210784

Summary:	[css-flexbox][css-sizing] An image element inside a flex element doesn't resize correctly if the size its checked before resizing
Product:	WebKit	Reporter:	Carlos Alberto Lopez Perez <clopez>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED CONFIGURATION CHANGED
Severity:	Normal	CC:	ahmad.saleem792
Priority:	P2
Version:	WebKit Nightly Build
Hardware:	Unspecified
OS:	Unspecified
See Also:	https://bugs.webkit.org/show_bug.cgi?id=210475

Description Carlos Alberto Lopez Perez 2020-04-20 21:38:23 PDT

This is a weird bug, check the following test case:

https://codepen.io/cl0p3z/pen/QWjKYWm?editors=1111

On the above test if you comment the first line on the JS tab. The one with the console.log("Target size before resize is "...) then the test will pass.
That doesn't make sense since its a simple console.log() line.

It seems that checking the size of the target element before doing the resize affects the end result (the size after doing the resize).

This bug is causing the WPT test https://wpt.live/css/css-sizing/percentage-height-in-flexbox.html to fail (the second test)

Comment 1 Ahmad Saleem 2024-06-30 05:38:22 PDT

Safari Technology Preview 197 shows:

"Target size before resize is 50x50"
"Target size after resize is 100x100"

and also WPT passes as well > https://wpt.live/css/css-sizing/percentage-height-in-flexbox.html