charts getting blurred when zooming out and then zooming back in

[EshaanSharma711]

when i zoom the window to extreme minimum i..e., 25% and then come back to 100% 2-3 times then the charts get blurred

[SimonLoir]

Could you please give us some details ?
On what browser have you experienced this behaviour and which version of chart.js are you using ?

[EshaanSharma711]

@SimonLoir i am using chart.js version 2.6 and i have experienced the issue in both chrome and firefox, the issue arrises when the zoom is reduced to minimum and then increased back to 100%

[SimonLoir]

@EshaanSharma711 could you create a js fiddle that reproduces the bug ? I can't reproduce that bug myslef, nothing get blurred (with firefox 59.0.3 and chrome 66.0.3359.139).

[EshaanSharma711]

@SimonLoir i can provide you with an image of the error, as you can see in the image, the chart along with the tooltip got blurred, this happened when i zoomed out to 25% and then zoomed back in to 100% two times

[simonbrunel]

I can reproduce this issue in Chrome with this example and it seems related to our resize detection: when zoomed out to 25%, the canvas size changes but when zoomed back to 100%, it doesn't detect the resize and keeps the canvas with small dimensions. This only happens when zoom go below 33%, not sure why in that case we detect a resize.

[etimberg]

I can still reproduce this on master. It looks like resize events fire when increasing the zoom after getting down to 25%. Perhaps something is wrong in the scaling that takes place during the resize event