Browser Toolbox' Style Editor randomly changes text while typing

I think had this issue the other day in the Browser Toolbox (experimenting with editing a file imported into a userChrome.css file). It seemed there was a problem with the autocomplete feature where I would type/paste something, see the list flash up and ignore it, but after a beat my text would be erased or replaced. When autocomplete didn’t come into play, nothing abnormal happened. I haven’t figured out whether there is a pattern to it; I’ve probably only seen it three times this year.

Tested in Firefox Nightly 85.0a1 (2020-11-24) (64-bit). Same exact issue.

yes it does, Firefox developer 84.0b4 (64-bit)

If anyone has good steps to reproduce, we have a bug on file for this at https://bugzilla.mozilla.org/show_bug.cgi?id=1679043 but so far no one in the DevTools team has been able to reproduce the issue.

Been happening to me for a while now. Seems to be fine most times, then somehow it gets triggered and gets really aggressive with auto-correcting by deleting perfectly good code. Then I have to reenter the same code three or four times before it remains. Would love to see this go away without having to disable auto-correct.

This has been happening to me for a while now, good to know I’m not going nuts.

I can also confirm this is an issue. Oddly, when I switch Firefox into safe mode the problem happens less frequently. I also wonder if the speed at which I am typing has anything to do with it.

I can also confirm this issue. OS: Manjaro + xfce4. It happens in both Firefox standard and Developer Edition.
And a second observation (i do not know if related to this above) is that sometimes after a page reload the source list files in debugger appears empty. After a browser closing an restarting procedure is all again fine, but sadly only for a short time.

I have this same problem for a good few months now, I’m running Win 10 with Firefox version 84.0.1. The autocorrect / auto format for the CSS code in the style editor gets super aggressive and will delete my code as I am midway through typing even the first element without errors (e.g. “display:” is as far as I get and it deletes it). Please can you give us an option to disable the auto-formatting of CSS in the Style Editor?

The issue is now fixed in Firefox Nightly (86) and will be in beta/DevEdition in ~3 weeks (and in release a month after).
We can probably try to uplift the patch so it reaches beta (and this release) earlier

1 Like

OMG! Firefox Version 85.0b8 (64-bit) and this issue is still there, can any do something? My entire work depends of this toolbox and I’m having a lot of problem to code CSS styles.

As said in my previous message, the issue will be fixed in Firefox 86.
If you’re heavily impacted by this bug, you might want to download and use Firefox Nightly

1 Like

Sorry, I did not see that message, but it is good to know that it is already in plans to be debugged from the official version. I haven’t used the Firefox Nightly, but there shouldn’t be much of a difference. Thanks for the reply!

I am experiencing the same.

Hi @alexander1

This bug was fixed in Firefox 86, which is currently on Beta or DevEdition channels. You can either try one of those to see if it’s fixed for you, or wait for the regular release of Firefox 86 which will be on February 23rd.

Thanks

1 Like

I am still seeing this in Firefox 87.

Hi @rob.kent ! Thanks for the report.

The initial discussion here was about the Style Editor, while your GIF shows the “Rules” panel of the inspector.

Can you explain the steps to reproduce the issue? Tell us if this happens all the time, randomly, rarely etc…

Thanks!

Sorry. I just tried it again and it is not doing it. But it definitely did. If I see it again I will try and identify what triggers it.

No worries, thanks for the update.
In case your stylesheet was loaded via “@import” we had a lot of issues with this recently. We just fixed those in https://bugzilla.mozilla.org/show_bug.cgi?id=1699648.

If this was the case for you then it’s possible the issue only occurred when you edited the stylesheet in your IDE.

Let us know if you find anything!

Great and useful information, thanks!