reduxjs/redux-devtools

Dev tools don't work in Firefox

apmwebdev opened this issue · 8 comments

apmwebdev commented

As of today, the Redux dev tools don't work in Firefox. They worked yesterday, but now they just show as blank:
image

When opening the Redux dev tools from the address bar, they seem to work fine. Weirdly, switching the Firefox dev tools panel to the right or left side of the window instead of the bottom occasionally makes the Redux dev tools appear again. But this happens very inconsistently, and they disappear again as soon as the state of the app changes.

Troubleshooting steps I've done so far (none of which have solved the issue):

  1. Disabling and re-enabling the Redux dev tools extension
  2. Removing and reinstalling the Redux dev tools extension
  3. Restarting Firefox and making sure it's up to date. I'm currently on version 117.0
  4. Removing cached data and cookies for localhost in Firefox
  5. Restarting the Redux app (via Vite)
  6. Restarting my laptop (MacBook Pro with M1 chip running Mac OS 12.6.2)
  7. Opening the Redux app in a private window (and making sure the extension is allowed to run in private windows)
  8. Opening the Redux app in a Firefox profile with no other browser extensions except for Redux dev tools
  9. Opening the Redux app in a Firefox profile with only the Redux dev tools and React dev tools
  10. Opening different Redux apps, including the simple boilerplate one (shown in screenshot above)
  11. Taking the previous steps in various orders

Dev tools settings:
image
image

The browser console didn't show any errors either.

The dev tools do work in the latest version of Chrome.

Methuselah96 commented

Thanks for the report! I have disabled the latest version on Firefox for now until I can figure out what's going on. If you remove and re-install the add-on, it should revert to the working version.

  • ❤️2
ncoughlin commented

Confirmed also not working for me on Firefox. Uninstalling and re-installing did not fix. Is working correctly on Chrome.

Methuselah96 commented

@ncoughlin Sorry to hear that. Can you confirm what version is show in the "Details" section of the extension?

image

ncoughlin commented

Can you confirm what version is show in the "Details" section of the extension?

3.0.19

Methuselah96 commented

Does anything render for you in the "Redux" tab, or is it just a gray screen? Does the popup work at all for you?

apmwebdev commented

Just as an additional data point here, rolling back to 3.0.19 immediately fixed the problem for me. I wonder if we're dealing with two separate issues? Appreciate your help with this @Methuselah96.

  • 👍1
marioGMIT commented

i'm able to reproduce the issue in firefox and chrome.
I have the feeling that the plugin deploy the redux devtool dashboard in a new firefox's window?
Double click on the gray background -> Redux devtools -> select any option. It pops up a new windows with the dashboard.

Methuselah96 commented

I this is fixed by #1486. 🤞