Figma cursors appear to be corrupt on dot browser

[trickypr]

Preflight Checklist

• [x] I have read the Contributing Guidelines for this project.
• [x] I have searched the issue tracker for an issue that matches the one I want to file, without success.

Component privacy.resistFingerprinting

Describe the bug When using figma, large parts of the site display in a way that looks like there is serious corruption happening.

To Reproduce Steps to reproduce the behavior:

1. Go to Figma
2. Click on open this file: https://www.figma.com/file/v0LYuyR8nkhrqNbesl5cyT/DotHQ?node-id=0%3A1
3. Observe

Expected behavior This should render as it does on regular firefox

Screenshots

System Information (please complete the following information):

• OS: Manjaro
• Version: idk

Dot Browser Information (please complete the following information):

• Version: Nightly 87.0-715616008
• Site you were on before the bug appeared: Figma

Additional context A canvas security popup appeared, I do not know if that is in any way related. This doesn't appear to be present on ff nightly.

[trickypr]

So, I have dug deeper into this and it is a result of the canvas protection popup. When clocking "Allow Data Access" it doesn't fix the page immediately, but it fixes the page after a reload. A simple solution to this would be to reload the page if the user accepts.

Update This issue is present on regular firefox as well. If you enable the privacy.resistFingerprinting flag, you will experience the same behavior.

[mugman174]

I experience this with many other websites, like the QR code login feature of Discord, and Element.

It works when I allow the website to use my HTML5 canvas image data.