Bar Chart resizes incorrectly (funky responsive issue)

There’s some weird behavior when resizing an app that uses Bar Charts. This behavior can be seen right on the docs page: http://jerairrest.github.io/react-chartjs-2/

Video (click to view):

Environment info:

• Chrome 62.0.3202.94 (latest)
• macOS High Sierra 10.13.1

react-chartjs-2 versions

• 2.4.0 (public docs page linked above)
• 2.6.4 - seeing something similar where the element is creating some bad feedback with react-flexbox-grid, starting at a normal size and then continually growing heightwise, eventually resulting in a canvas 200,000+ pixels high. This is done without the user resizing the browser, though I think react-flexbox-grid is doing something behind the scenes to mutate the DOM, which react-chartjs-2 is probably reacting responsively to.

[mahdidavoodi7]

@daru23 hey I realized what should I do just set maintainAspectRatio True like this: <Bar data={data} width={100} height={50} options={{ maintainAspectRatio: true }} /> and it all be done

[fozcodes]

+1

This seems to happen when maintainAspectRatio is set to false.