[Bug] Breaks when going fast (Error: Cannot use the same canvas during multiple render() operations) about vue-pdf HOT 5 CLOSED

I also faced that problem.Any ideas?

from vue-pdf.

@hurkanyakay Workaround: debounce or throttle... Ideally one would be able to go as fast as possible.

  setPage: debounce(
      function (page) { // vue-pdf breaks if flipping 1 -> ~30 / 40
        let validated = page <= this.numPages && page >= 1 ? page : this.page
        this.page = validated
        this.fakePage = validated
      }, 100)

from vue-pdf.

@hurkanyakay 3.1 clearly fixed this, It now generates these good errors:

RenderingCancelledException {message: "Rendering cancelled, page 9", type: "canvas"}

from vue-pdf.

Strangely, it seems somewhat fine in the simplest case going forward with 3.1, not when going backward however. In my production pdf it breaks on page 25+ going forward.

with a range it's easier to see:

Error: Cannot use the same canvas during multiple render() operations. Use different canvas or ensure previous operations were cancelled or completed.
    at InternalRenderTask_initializeGraphics [as initializeGraphics] (api.js:2227)
    at api.js:894
    at <anonymous>

https://fiddle.jshell.net/fossfiddler/5k4ptmqg/149/

The 100ms debounce workaround still works.

from vue-pdf.

I understand that a debouncing could fix the issue, but I need to find a more robust fix, I think it's just a canvas access synchronisation issue ...

from vue-pdf.