Skip to content

All chart examples in documentation are decreasing in size when hover #10951

@igomonteiro

Description

@igomonteiro

Expected behavior

When triggering some hover event in a chart, the expected behavior is just to keep the real size.

Current behavior

The charts are decreasing in size when mouse hover event is triggered.

Reproducible sample

https://www.chartjs.org/docs/latest/samples/area/line-boundaries.html

Optional extra steps/info to reproduce

recording-2022-12-08-09-43-44.webm

Possible solution

I've been through a problem like this, the difference was that the graph didn't reduce, but increased. I solved it by inserting a container on the chart's canvas, it had something to do with the size (width and height) of the chart.

I've never seen this problem happen in the documentation.

But I don't consider it a solution, it's more like a workaround.

Context

No response

chart.js version

v4.0.1

Browser name and version

Microsoft Edge v107.0.1418.52

Link to your project

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions