pennant icon indicating copy to clipboard operation
pennant copied to clipboard

Chart Controls: Screenshot button does not work in Firefox

Open edd opened this issue 3 years ago • 2 comments

Peek 2021-04-13 15-32

Presumably Firefox doesn't support OffscreenCanvas? I have not been to check

Quick fix

  • Hide :camera: if browser does not support the required APIs to mash canvasses in to a PNG

Better fix

  • ~Polyfill?~ Use a non-visible Canvas rather than an OffscreenCanvas (as per @johnwalley's suggestion)
Uncaught (in promise) ReferenceError: OffscreenCanvas is not defined
    _callee$ https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    tryCatch https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    invoke https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    defineIteratorMethods https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    asyncGeneratorStep https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    _next https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    _asyncToGenerator https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    _asyncToGenerator https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    asyncSnapshot https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    _snapshot https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    snapshot https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    snapshot https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    _callee$ https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    tryCatch https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    invoke https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    defineIteratorMethods https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    app_stories_asyncGeneratorStep https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    _next https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    app_stories_asyncToGenerator https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    app_stories_asyncToGenerator https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    Rb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Xb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Yb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Ze https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    se https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    jd https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Jb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Nb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    jd https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    yc https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    hd https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    unstable_runWithPriority https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    gg https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Hb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    gd https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
main.2756f38a.iframe.bundle.js:1:81616
    app_stories_asyncGeneratorStep https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    _throw https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    (Async: promise callback)
    app_stories_asyncGeneratorStep https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    _next https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    app_stories_asyncToGenerator https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    app_stories_asyncToGenerator https://pennant.netlify.app/main.2756f38a.iframe.bundle.js:1
    Rb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Xb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Yb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Ze https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    se https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    jd https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Jb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Nb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    jd https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    yc https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    hd https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    bind_applyFunctionN self-hosted:1371
    hd self-hosted:1334
    unstable_runWithPriority https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    gg https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    Hb https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    gd https://pennant.netlify.app/vendors~main.4317decb.iframe.bundle.js:2
    bind_applyFunctionN self-hosted:1371
    gd self-hosted:1334

edd avatar Apr 13 '21 14:04 edd