Bug 210784 - [css-flexbox][css-sizing] An image element inside a flex element doesn't resize correctly if the size its checked before resizing
Summary: [css-flexbox][css-sizing] An image element inside a flex element doesn't resi...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2020-04-20 21:38 PDT by Carlos Alberto Lopez Perez
Modified: 2024-06-30 05:38 PDT (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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