chartjs / chartjs/Chart.js

Horizontal legend multiline labels overlaps

Open
#11,824 0 comments 0 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

Multiline label will reserve space to not overlap with labels below it.

### Current behavior

Multiline label overlaps item below.
![image](https://github.com/chartjs/Chart.js/assets/20914057/f4f87eda-d741-446e-8b47-11ee2283c26a)

### Reproducible sample

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

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

_No response_

### chart.js version

v4.4.3

### Browser name and version

_No response_

### 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.