search

ampproject / amphtml

The AMP web component framework.
https://amp.dev
Apache License 2.0
14.89k stars 3.89k forks source link

The canvas has been tainted by cross-origin data for background-blur.js #37299

Open trek7k opened 2 years ago

trek7k commented 2 years ago

Description

On web stories that utilize background blur, a javascript error occurs saying the canvas has been tainted by cross-origin data.

Reproduction Steps

Example of a web story that uses background blur on the final slide. (Click all the way thru the story to get the error.)

https://pastebin.com/bsLTLjJt

Relevant Logs

Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
U @ error-reporting.js:206
(anonymous) @ error-reporting.js:294

background-blur.js:144 Uncaught (in promise) DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
    at Eg (https://cdn.ampproject.org/v0/amp-story-1.0.mjs:5:113775)
    at https://cdn.ampproject.org/v0/amp-story-1.0.mjs:5:113101

Browser(s) Affected

Chrome, Safari

OS(s) Affected

Mac OS 10.15.7

Device(s) Affected

iMac

AMP Version Affected

No response

stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. Thank you for your contributions.