Right border works only if has a Left Border on Firefox

[ClementGre]

Use case: description, code

The right border is not visible only on Firefox.

jsfiddle (I added colors to borders here and the right border take the color of the left border).

When I use a left border with my right border, the right border is here, but it is not the case when there is no left border.

This is not a full conversely of the left and right border, since a left border didn't make a right border.

BUT, on my personal project, with only a left border, I got a right border: This dom : Become this image :

Expected behavior

Having a right border on the generated image

Actual behavior (stack traces, console logs etc)

No right border. Only on Mozilla Firefox.

Library version

Reproduced with the jsfiddle prepared project

• on my personal project with dom-to-image 10-06-2017 https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.min.js

Browsers

• [X] Firefox 45+ Tested in Firefox 71.0 and 83.0
• [x] Chrome 49+ The bug isn't present on Chrome 86.0.4240.198

[nathalieroemer]

Hi, I have the same issue! Did you come up with any solution or ideas about a workaround?

[ClementGre]

Hi, I didn't found a good workaround, I now use the same border on the left and on the right.