How to adjust img size when using flexbox in Chrome 48.0.2564.82?

Question

css

Good afternoon, I updated from version 47 of chrome to 48.0.2564.82, and noticed its strange behavior with images that are in a container with display: flexbox.
More specifically, the proportional dimensions of the image are not calculated. Let's say we have an image 40x40 and we give it a width of 20, then the height will automatically become 20 (if not predefined), in the 48 version of chrome, the height is not set like that and we have 20x40. This is typical if the image is in a container with flex.
Here is a codepen with an example.
Screenshot from my version of chrome.
Is this a chrome bug or css bug?

Answer 1

Status of this bug on the bug tracker