This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox added a bloated searchbar that takes up too much space when I type into it.

  • 2 àwọn èsì
  • 0 ní àwọn ìṣòro yìí
  • Èsì tí ó kẹ́hìn lọ́wọ́ riyaso7287

more options

How do I stop it from appearing please? It's the address bar.. field. I don't know what to call it, english is not my native language. I just want it to remain small and static like it always did. Now it becomes a huge field that takes up too much space and blocks my vision and I just want it to disappear.

I wish Firefox would stop changing stuff like this.

How do I stop it from appearing please? It's the address bar.. field. I don't know what to call it, english is not my native language. I just want it to remain small and static like it always did. Now it becomes a huge field that takes up too much space and blocks my vision and I just want it to disappear. I wish Firefox would stop changing stuff like this.
Ìsopọ̀ yíyà aṣàfihàn

All Replies (2)

more options

Are you using code in userChrome.css that is broken and needs an update? This could be a problem with code in userChrome.css that is broken and needs an update. You can check if there is an update available from its creator, there might be a link in the code where you can get the latest version.

You can set this pref to false in about:config to disable userChrome.css and userContent.css.

Helpful?

more options

I have put some commands into user.js; turning off other stuff that I do not like about the browser, so disabling userChrome.css is not an option.

Could you explain a bit more clearly about updating it please? I don't understand anything in the link you posted. I do not see anything about updates or code linking.

Is there anything I can type in about:config or user.js that simply nukes this ugly and unnecessary creation?

Here's what my userChrome.css contains:

/*** BEGIN Firefox 77 (June 2, 2020) Override URL bar enlargement ***/

 /* Compute new position, width, and padding */
 #urlbar[breakout][breakout-extend] {
   top: 5px !important;
   left: 0px !important;
   width: 100% !important;
   padding: 0px !important;
 }
 /* for alternate Density settings */
 [uidensity="compact"] #urlbar[breakout][breakout-extend] {
   top: 3px !important;
 }
 [uidensity="touch"] #urlbar[breakout][breakout-extend] {
   top: 4px !important;
 }
 /* Prevent shift of URL bar contents */
 #urlbar[breakout][breakout-extend] > #urlbar-input-container {
   height: var(--urlbar-height) !important;
   padding: 0 !important;
 }
 /* Do not animate */
 #urlbar[breakout][breakout-extend] > #urlbar-background {
   animation: none !important;;
 }
 /* Remove shadows */
 #urlbar[breakout][breakout-extend] > #urlbar-background {
   box-shadow: none !important;
 }
 /* remove all items from the urlbar drop down */
  1. PopupAutoCompleteRichResult {display:none !important;}
  2. urlbar-results { display:none!important; }
 /* Hide URL bar drop-down Fx70 */
 #urlbar .urlbarView {
   display: none !important;
 }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

  1. PlacesToolbar #OtherBookmarks .toolbarbutton-text {
display:none !important;

}

  1. PlacesToolbar #OtherBookmarks { display:none!important; }

/*** Color the menus (black on white) ***/ menupopup {

 --menu-color: #000 !important;
 --menu-disabled-color: #555 !important;
 --menu-background-color: #fafafa !important;
 --menu-border-color: #333 !important;
 --menuitem-hover-background-color: #ddd !important;

}

  1. context-searchselect {display: none !important}
  1. navigator-toolbox {

--lwt-tabs-border-color: transparent !important; }

  1. tabbrowser-tabs {

--lwt-tab-line-color: transparent !important; }

host, :root {

color-scheme: light light !important; }

/* Directly set colors for mouseover status panel */

  1. statuspanel-label {
   color: #000000 !important;
   background-color: #e4e3e3 !important;
   border-color: #e4e3e3 !important;

}

  1. alltabs-button { display: none !important; }

/*** END Firefox 77 (June 2, 2020) Override URL bar enlargement ***/

Ti ṣàtúnṣe nípa riyaso7287

Helpful?

Béèrè ìbéèrè

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.