Chart.js: Flex column problem of height resizing detection (master)

[Tofnet]

Current Behavior

With flex box and column direction, the height increases but does not reduce

Steps to Reproduce (for bugs)

Ajust the size of the result box at
https://codepen.io/tofnet/pen/BaoqQgB

Context

display: flex; flex-direction: column;

Environment

• Chart.js version: 3 master
• Browser name and version: Edge Version 84.0.508.0 (Version officielle) dev (64 bits)

[kurkle]

You are allowing overflow. Add overflow: hidden to the container's style.

[Tofnet]

Thank you for this quick return, the flex column problem is solved with overflow hidden.
Sorry my example is bad and the problem I am having would come from flex wrap.
I updated the codepen : https://codepen.io/tofnet/pen/vYNVXNK
Any idea or I make a mistake with the css again?

[kurkle]

Would not go that far as blaming you for a mistake.
But again it can be worked around; By positioning the canvas absolutely - so it will not grow its parent: https://codepen.io/kurkle/pen/dyYgRab

[Tofnet]

Nice! I learned something. Thanks Kurkle