Line Chart Legend Not Clickable

[shaharzoo93]

Expected behavior

Hi,

I used Node-red Dashboard Line Chart with a legend option which internally used Chart.js.
It's working properly with a simple configuration.
Applied zoom CSS and legend click should work.

I raised the same issue on Node-red also. Please check the below link for reference.
node-red/node-red-dashboard#804

Current behavior

I applied the zoom property to Canvas and the chart looks proper but the legend click is not working.

If I removed the zoom CSS then the legend click is working properly.

Reproducible sample

node-red/node-red-dashboard#804

Optional extra steps/info to reproduce

Possible solution

Context

chart.js version

v.2.3.0

Browser name and version

Link to your project

[LeeLenaleee]

as described in the issue template versions below 4.0 are not supported anymore and will be disregarded.

Second the zoom property is non standard and it was decided here we won't do anything with it so you will need to fix this externally

#7178 (comment)

[LeeLenaleee]

Closing as it is about a verry old version of chart.js and as per the linked comment we won't fix css zoom related issues since its non standard and not on the track to being standard