www.chartjs.org - The chart elements are not displayed correctly

[bazconz]

URL: https://www.chartjs.org/docs/latest/samples/bar/border-radius.html

Browser / Version: Firefox 116.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
canvas is not rendering properly in Firefox Developer edition for chart.js vertical bar with non zero borderRadius setting. Can be seen in this example https://www.chartjs.org/docs/latest/samples/bar/border-radius.html for example.
Works fine in regular Firefox 115.0.2 and other browsers (Chrome, Brave, Edge).

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20230716180334
• channel: aurora
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[sv-calin]

Thank you for reporting this issue, I was able to reproduce it.

Tested on:
• Browser / Version: Firefox Nightly 117.0a1 (2023-07-18) / Firefox Release 115.0.2 / Firefox Developer 116.0b7 / Chrome 114.0.5735.199
• Operating System: Windows 10

Notes:

1. Reproducible on both Firefox Developer and Nightly
2. Not reproducible on Firefos Release and Chrome

Moving to Needsdiagnosis.

[qa_29/2023]

[ksy36]

I've moved this to bugzilla https://bugzilla.mozilla.org/show_bug.cgi?id=1846613

[jrmuizel]

This will be fixed in 116.0.1 which should come out today.