client icon indicating copy to clipboard operation
client copied to clipboard

Published 20 hours ago • verified publisher icon aragon

No render of https://client.aragon.org/ in Tor browser

Open inverted-capital opened this issue 4 years ago • 3 comments

Describe the bug After page load, there are no console errors, and the expected elements and buttons are loaded, but they are not visible to the user. The same elements are available on the page as in the usable page rendered in the plain firefox browser, however the blue background covers everything.

Mainnet or testnet? Neither - just loading the base page.

Organization N/A

To Reproduce Steps to reproduce the behavior:

  1. Go to https://client.aragon.org/ using Tor browser 10.0.1 (based on Mozilla Firefox 78.3.0esr) (64-bit)
  2. Observe correct page load in network tab of developer tools and console
  3. See the page stay in entirely blue, with no visible elements
  4. Choose inspector from the devtools, and observe all elements present but invisible

Expected behavior Expecting the same UI as if loaded in firefox without using tor version

Screenshots image

Desktop (please complete the following information):

  • Device: Desktop
  • OS and OS version: Windows 10 latest
  • Browser and browser version: Tor browser 10.0.1 (based on Mozilla Firefox 78.3.0esr) (64-bit)

Smartphone or tablet (please complete the following information):

  • N/A

Additional context Tor is an important tool for distributed org management, and we would greatly appreciate being able to use a great tool such as Aragon whilst preserving our anonymity and privacy using established means such as Tor. This appears to be a simple rendering bug but is a showstopper for Tor users.

inverted-capital avatar Oct 18 '20 23:10 inverted-capital

This is due to an issue in the react-spring library which needs precise timing information to perform the animation that makes the UI visible after the loading phase: https://github.com/pmndrs/react-spring/issues/664 Apparently it has been fixed in v9rc3 of react-spring. This issue applies to any Firefox browser that has enabled "privacy.resistFingerprinting". The exact line is: https://github.com/aragon/client/blob/master/src/App.js#L338

Perhaps either upgrade the react-spring library, or detect when privacy.resistFingerprinting is turned on, and disable animations ?

inverted-capital avatar Nov 16 '20 02:11 inverted-capital

I have the same issue on Firefox. Please fix it, it has been an issue for a long time now

nixtoshi avatar Jan 12 '23 10:01 nixtoshi

POSSIBLE SOLUTION:

I just followed this and cleared the Firefox cache, and it worked for me: https://documentation.aragon.org/faq/products/aragon-client/why-i-see-a-blue-screen

I also disabled all the flags with "privacy.resistFingerprinting" on their name from True to False. This might have helped

nixtoshi avatar Jan 12 '23 11:01 nixtoshi