chartjs / chartjs/Chart.js

Multiple charts freeze Firefox tab with maintainAspectRatio: false

Open
#11,444 8 comments 4 reactions 0 assignees View on GitHub
type: bug
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Expected behavior

User can change width of browser window showing multiple charts that were created with `maintainAspectRatio: false` option.

### Current behavior

* Open this demo in Firefox: https://codepen.io/evgenyneu/pen/poQXENO
* Gradually change the width of the window.
* At some point the plot width no longer changes, the plots no longer redraw and become non-interactive (the marker tooltips are not shown on hover) and vertical scoll bar not moving with the window.
* If you refresh the page, it shows a spinner instead of the plots.
* If you open another tab and then return to the plots tab, it shows a spinner in the middle instead of the plots.

Video:

https://github.com/chartjs/Chart.js/assets/880411/fc7438ca-8e19-421e-9e7e-4698bbd04d55

### Reproducible sample

https://codepen.io/evgenyneu/pen/poQXENO

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

_No response_

### chart.js version

v4.3.3

### Browser name and version

Firefox 116.0.2 on m1 mac

### Link to your project

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.