Wrong legend hitbox area when using textAlign right/center

Open

#12,067 opened on Apr 22, 2025 1 comment 0 reactions 0 assignees View on GitHub

type: bug

Description

### Expected behavior

The entire legend item text should be clickable when centering or right-aligning the text.

For example:

![Image](https://github.com/user-attachments/assets/1f7ccb53-1689-417a-ab92-e4bfde33d27d)

### Current behavior

The clickable area of the legend item is smaller than it should be, as if the text were always left-aligned.

![Image](https://github.com/user-attachments/assets/c8f7bef3-79cf-4746-b807-ceaf6f9ba9f9)

Also occurs in RTL mode:

![Image](https://github.com/user-attachments/assets/b228eb23-12b3-42d0-a4e5-0298ab209e8c)

### Reproducible sample

https://codepen.io/adrianbrs/pen/KwwzRja

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

_No response_

### chart.js version

v4.4.9

### Browser name and version

Google Chrome 135.0.7049.95 (64 bits)

### Link to your project

_No response_

No contributing guide indexed for this repository

This issue has not been assessed yet.