six demon bag

Wind, fire, all that kind of thing!

2020-06-03

Disable Firefox 77 Address Bar Popout

*sigh* Another day, another Firefox fuckup. One of the more annoying new "features" in recent Firefox versions is the address bar jumping at you when it gets the focus. In Firefox 75 that misbehavior could be corrected with a couple adjustments in about:config:

browser.urlbar.openViewOnFocus false
browser.urlbar.update1 false
browser.urlbar.update1.interventions false
browser.urlbar.update1.searchTips false

However, with Firefox 77 those settings don't work anymore (you can reset/delete them). Because who would ever want to disable what Mozilla developers in their infinite wisdom decided that you must like?


Well, us unruly users, that's who. How about all of you Mozilla developers, designers, executives, and whoever else is involved in making these stupid decisions pull your heads from your asses and stop pretending that you know better what your users want than the users themselves? Thank you.

To get rid of this annoyance you now need to create a userChrome.css. Navigate to your Firefox profile folder (replace XXXXXXXX with the correct random string):

  • Windows: %APPDATA%\Mozilla\Firefox\Profiles\XXXXXXXX.default
  • Linux: $HOME/.mozilla/firefox/XXXXXXXX.default

and create a subdirectory chrome if it doesn't exist already. Change into that subdirectory and create or edit the file userChrome.css and add the following styles (taken from here):

#urlbar[breakout][breakout-extend] {
    top: 5px !important;
    left: 0px !important;
    width: 100% !important;
    padding: 0px !important;
}
[uidensity="compact"] #urlbar[breakout][breakout-extend] {
    top: 3px !important;
}
[uidensity="touch"] #urlbar[breakout][breakout-extend] {
    top: 4px !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding: 0 !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
    animation: none !important;;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
}

Start Firefox and enter about:config in the address bar and set

toolkit.legacyUserProfileCustomizations.stylesheets true

Then restart Firefox. Alternatively add the setting to your prefs.js or user.js before starting Firefox:

user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);

Posted 12:42 [permalink]