Rendering a gigantically obscenely rectangular rectangle

[Benny-]

Observe the following program:

paper.setup(theCanvas)

var hello = new paper.PointText({
    point: new paper.Point(16, 16),
    content: 'Hello!',
    font: '"Latin Modern Math"',
    fontSize: 16,
});

var background = new paper.Shape.Rectangle(
    new paper.Point(10, 10),
    new paper.Size(40, 889005130)
    )
background.fillColor = new paper.Color(1, 0, 0, 0.5);

Expected output:

Actual output (in chrome and firefox respectively):

Note how the rectangle in chrome moved (the bottom of the rectangle is visible while the top is no longer visible). And the rectangle in Firefox decided to move on to better geometry or is totally invisible.

This bug is reproducible using the JavaScript above. Remove the least significant digit from the height and it renders correctly again.

_{^{I tried to render a 30 hour video using paperjs on a rather big canvas. After a week of rendering this bug was discovered.}}

[lehni]

I am fairly certain this is the same problem as #823, which has been determined to be a Canvas limitation that is really difficult to overcome in paper.js, as it depends on vendor implementations of the Canvas API and is therefore unpredictable… Could you work around it in your own code?

[lehni]

What we should do though is create a simplified test-case similar to #823 (comment) and log separate issues with the browser vendors for this behavior...

[Benny-]

You have a good test-case there. Has the linked comment already been reported to corresponding browsers/canvas implementers?

[lehni]

No, not yet… I should do it.

[Benny-]

If you done so please put the url to the bug report in this issue or the issue you linked.