1800440 - Google Cloud Console is not usable with Dark Reader extension

Status: NEW

(Firefox :: Extension Compatibility, defect)

Description

[antispamrandomspaceship]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:106.0) Gecko/20100101 Firefox/106.0

Steps to reproduce:

I attempted to load the Google Cloud console (at console.cloud.google.com) to manage a project with Dark Reader enabled.

Actual results:

The navigation bars load, but any content in the pages does not.

Additionally, attempting to load the cloud console pages slows the whole browser down, and significantly increases CPU and RAM usage (10+% CPU usage increase on a Ryzen 5800X, and fluctuating between 1-2GB of additional RAM).

Expected results:

The cloud console should have loaded, and done so without excessive resource usage.

The site works perfectly with Dark Reader disabled, and it also works on Google Chrome with Dark Reader enabled.

Comment 1

[antispamrandomspaceship]

Attachment: Cloud Console failing to load

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'DevTools::Console' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 3

[antispamrandomspaceship]

Since I should probably include full replication steps:

To replicate, you'll need a Google account.

Go to https://console.cloud.google.com/ and create a new project.
Install the Dark Reader extension.
Try to manage your Google Cloud project - APIs and Services is a good page to start with.

Comment 4

[Ardelean Oana, Desktop Test Engineering [:oardelean]]

Hello, thank you for the bug report!
I managed to reproduce this issue on:

• Firefox 108.0b2;
• Firefox 107.0;
• Nightly 109.0a1;

Tested and reproduced on:

• macOS 12;
• Ubuntu 22;
• Windows 10;

Moving the Component to "Extension Compatibility" . Please feel free to change if there's a better fit.
Setting as NEW so that the developers can have a look.

Comment 5

[antispamrandomspaceship]

See also the issue on the Dark Reader extension GH repo: https://github.com/darkreader/darkreader/issues/10297

Comment 6

[Rob Wu [:robwu]]

I just tested this in 121 (and also 119 for comparison), and can see content being loaded when I visit console.cloud.google.com + logging in.

It looks like a performance issue caused by DarkReader, here is the profile: https://share.firefox.dev/3GgZnga
It shows significant jank on the main thread at Google, within MutationObserver, requestAnimationFrame AND setTimeout callbacks, handled by the watchForNodePosition function in Dark Reader (version 4.9.70, latest version as of today). It seems that Dark Reader is eternally busy on this specific site, trying to somehow patch stylesheets in Google.

I created the above profile as follows:

1. Install Dark Reader add-on (version 4.9.70)
2. Visit profiler.firefox.com and enable the capture button.
3. Visit console.cloud.google.com (and log in if not done yet, which redirects to https://console.cloud.google.com/getting-started/ )
4. Wait a few seconds.
5. Click the capture profile button.
6. Wait a few seconds while still being idle at console.cloud.google.com).
7. Click end capture and upload the profile.