How to resize the Address Bar focus in Firefox builds 75-77

Compumind said:

Here is the updated fix for Firefox 77.0.1:

1) Type about:config in the browser's address bar.
2) Confirm at the prompt that you will accept the risk and to view all.
3) Paste browser.urlbar.disableExtendForTests and create a new Boolean Value and leave it True in the Search Preference Name Bar.
4) Paste browser.urlbar.maxRichResults and set the value to 0 (Zero) in the Search Preference Name Bar.
5) Restart Firefox and check.

The address bar should now stay the same size (as per previews releases) when you mouse click in it (focus).

Hope this helps!

Perfect! Thanks for this.

Compumind said:

Update:

The previous solution breaks when you upgrade to Firefox 77.0.1.

First, follow all of the steps in Post #1 (above) -

Here is the updated fix for Firefox 77.0.1:

1) Type about:config in the browser's address bar.
2) Confirm at the prompt that you will accept the risk and to view all.
3) Paste browser.urlbar.disableExtendForTests and create a new Boolean Value and leave it True in the Search Preference Name Bar.
4) Paste browser.urlbar.maxRichResults and set the value to 0 (Zero) in the Search Preference Name Bar.
5) Restart Firefox and check.

The address bar should now stay the same size (as per previews releases) when you mouse click in it (focus).

Hope this helps!

Thanks, Compumind. This past few months I was using ESR but last night I moved back to Firefox Stable 79. The solution as written above came very handy (Good for my health ), as I cant stand the annoyance that the expanding URL Bar generates.

Bo

@Compumind I updated today to Firefox 83, and found the fix (to get rid of the annoying Mega bar) you posted in this thread not working anymore. But fortunately, I found a new one.

The code below gets rid of the Mega bar, just copy and paste it to your existing userChrome.css or create one.

}

#urlbar[breakout][breakout-extend] {
top: 5px !important;
left: 0px !important;
width: 100% !important;
padding: 0px !important;


}


/* Prevent shift of URL bar contents */

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

HTH, you or someone else.

Bo

bo elam said:

I uploaded a userChrome.css file that you can use, with only the code to eliminate the Megabar

Hey Bo, this may be something unique to my about:config settings, but using only this downloaded userChrome.css code I'm seeing the URL window jump 2 pixels when given focus.



And in case others are seeing this as well, this all I have in my userChrome.css file that I've been using to fix the Megabar issue without this jump;

Code:

/* Current v.83 Fix */

/* Prevent shift of URL bar contents */

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

/* DISABLE EXPANDING START */

#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}

Farvatten said:

Hey Bo, this may be something unique to my about:config settings, but using only this downloaded userChrome.css code I'm seeing the URL window jump 2 pixels when given focus.

Hi Farvatten, I am not seeing the jump or shift. I being using this code since the update to 83 and tested what I posted before posting it and did that again after reading your post. It works just fine for me. As you said, it could be something related to another customization or setting you have in place.

Here is my Firefox UI.



Bo