Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Chart v3.0.0-rc.5 - Gridlines (Safari vs. Chrom) and Bubble Chart Resize padding

See original GitHub issue

Expected Behavior

Grid lines are rendered differently in the Safari and Chrome / Firefox browser.
BUBBLE CHART - Resize Padding

Current Behavior

GRIDLINES

safari-vs-chrome

Grid lines are rendered differently in the Safari and Chrome / Firefox browser. It looks good on mobile (Android Chrome, Vivalid, Firefox).

Am I doing something wrong or is this a bug in the Safari browser?

BUBBLE CHART

When I click on a legend, the display size becomes smaller (resize) and a free space is created on the right. When deselecting the legend, the size is retained. But only comes with certain sizes of e.g. canavas size: 354 x 320. This effect does not occur with any of the other charts.

Possible Solution

Steps to Reproduce

Test case: http://www.ipscon.com/test/

Context

Environment

Chart.js version: v3.0.0-rc.5
Browser name and version: ✖︎ Safari Version 13.1.2 (13609.3.5.1.5), ✔︎ Vivaldi | 3.7.2218.45 (Stable channel) (x86_64), Chrome Version 89.0.4389.90 (Offizieller Build) (x86_64)
Link to your project: