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: NEW
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: 2020-04-20 21:38 PDT (History)
0 users

See Also:


Attachments

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)