mdn / yari

The platform code behind MDN Web Docs
Mozilla Public License 2.0
1.18k stars 501 forks source link

Cannot download with the "Download my painting" button; CSP error: “blocked the loading of a resource at data:image/png;base64” #9360

Open hueychen27 opened 1 year ago

hueychen27 commented 1 year ago

MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#sect17

What specific section or headline is this issue about?

No response

What information was incorrect, unhelpful, or incomplete?

When you click the "Download my painting" button on the example canvas, it doesn't download the painting.

What did you expect to see?

I expected to download a png file of the canvas.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

In the console it keeps printing this error: Content Security Policy: The page’s settings blocked the loading of a resource at data:image/png;base64,[insert some base64]... ("frame-src") when I click the download button.

hamishwillee commented 1 year ago

This is another case of https://github.com/mdn/yari/issues/9346

hueychen27 commented 1 year ago

This is another case of #9346

I saw that issue.

mirunacurtean commented 5 months ago

This still occurs on Firefox and Safari, but not on Chrome/Edge browsers.

Console errors Firefox image

Safari image

Downloaded image Edge image