Chart.js icon indicating copy to clipboard operation
Chart.js copied to clipboard

Webkit border drawing bug

Open gsmx opened this issue 3 years ago • 2 comments

Expected behavior

When drawing bars with one border being 0px, no border should be visible.

Current behavior

When drawing bars without a border, on webkit a 1px line sometimes occurs. Bildschirmfoto 2022-07-13 um 11 10 06

Reproducible sample

https://codepen.io/Smod1/pen/BarLVYj

Optional extra steps/info to reproduce

Only happens in Safari (15.3, Mac). Chrome, FF, Edge are fine. Bug is visible when resizing the chart window as a small red line as top-border.

Note i setted borderSkipped = true. Same behaviour without borderSkipped.

Possible solution

Guess it's a miss calculation.

Context

No response

chart.js version

v3.5 (latest)

Browser name and version

Safari Mac

Link to your project

No response

gsmx avatar Jul 13 '22 09:07 gsmx

When I try to open this on Safari (IPhone 11) I dont see any borders that shoudl not render. So I think it might be a bug in Safari for desktop itself

LeeLenaleee avatar Jul 14 '22 09:07 LeeLenaleee

I am not able to reproduce this in Safari Technical Preview 150 on macOS 12.5, appreciate if you can confirm else I am happy to raise a Webkit bug. Thanks!

Ahmad-S792 avatar Aug 05 '22 00:08 Ahmad-S792