Firefox 79 – Scroll bar in address bar popup

If you have set the number of entries in the address bar popup in Firefox too high after clicking in the address bar, it can happen that the lower entries are no longer displayed. In this case you need a CSS code to create an additional scroll bar.

This is what it looks like by default if you have too many entries:

Firefox 79 – Scroll bar in address bar popup

The entries displayed extend beyond the edge of the screen at the bottom and you cannot see the other entries.

Note:
I had already given a CSS code for this here , but it no longer works in the current version of Firefox.

(You can change the number of entries in this popup in about:config under the value browser.urlbar.maxRichResults )

Firefox 79 – Scroll bar in address bar popup

Firefox 79 – Scroll bar in address bar popup

Regarding about:config I had already written an explanation here.

about:config explanation

Create userChrome.css and userContent.css

A notice:

If you are using one of these files for the first time, you must also enter the value in about:config:

toolkit.legacyUserProfileCustomizations.stylesheets

switch to true.

I have already described how this is done here:

reuse userChrome files


 

And here is the explanation of how to do it with the CSS code.

First we go to the Firefox profile folder and open the chrome folder we created ourselves.

Then open the userChrome.css file in the chrome folder.

We now enter the following CSS code in this file:

/* display a scroll bar for address suggestions in the urlbar */ :root { /* value must be identical in about:config = browser.urlbar.maxRichResults */ --ac_popup_number_of_results: 80; /* The higher the value above, the smaller the px value must be */ --ac_popup_maxheight: calc(6px * ( var(--ac_popup_number_of_results) + 1 )); --ac_popup_height: calc(400px * var(--ac_popup_number_of_results)); } /* Maximum entries that are displayed without scrolling */ .urlbarView:not(.megabar) { height: var(--ac_popup_height) !important; max-height: var(--ac_popup_maxheight) !important; } /* Margin at top and bottom of address listing */ #urlbar-results { margin-top: 1px !important; margin-bottom: 3px !important; } /* Scrollbar and address listing position */ .urlbarView:not(.megabar){ overflow-y: scroll !important; margin-top: -1px !important; margin-bottom: 1px !important; } /* Disable urlbar extension */ #urlbar[breakout][breakout-extend] { top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important ; left: 0 !important; width: 100% !important; } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; padding-block: 0 !important; padding-inline: 0 !important; } #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { animation-name: none !important; } #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: none !important; } } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; padding-block: 0 !important; padding-inline: 0 !important; } #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { animation-name: none !important; } #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: none !important; } } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; padding-block: 0 !important; padding-inline: 0 !important; } #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { animation-name: none !important; } #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: none !important; }

And this is what the code looks like in the userChrome.css file:

Firefox 79 – Scroll bar in address bar popup

The value for browser.urlbar.maxRichResults can be changed or adjusted as desired.

Firefox 79 – Scroll bar in address bar popup

Then close and save the userChrome.css file and restart Firefox for the change to take effect.

And this is what it looks like with the new additional scroll bar:

Firefox 79 – Scroll bar in address bar popup

Scrollbar in Firefox

You Need to Replace Your ISP Router/Modem and Here’s Why

You Need to Replace Your ISP Router/Modem and Here’s Why

When you sign up for an internet connection, your internet service provider advises you to go for the modem/router that is provided by them. It may seem like some businesses recommend it for the monthly rental fees they will get.

The Ultimate 2023 Bugging Device Detectors List

The Ultimate 2023 Bugging Device Detectors List

Although modern technology has made life easier for us, it has allowed some people to take undue advantage. You never know if your house, office, or luxury hotel that you’re staying in may be tampered with audio or video bugging devices.

Firefox – New tab page the tiles bigger

Firefox – New tab page the tiles bigger

By default, there are 8 tiles for the important pages on the New Tab page in Firefox, centered and next to each other, each in a row. who

Word 2016: insert watermark

Word 2016: insert watermark

With Word it is possible to put a watermark on a document. So you can easily add your own copyright to your document. As

Disable Pocket in Firefox

Disable Pocket in Firefox

For some time now, Firefox browsers (38.0.5 and later) have shown Pocket's service in the top right corner. This extension comes with Firefox as

Change font size in Firefox

Change font size in Firefox

I work with different browsers, sometimes with Chrome, sometimes with Microsoft Edge and sometimes with Firefox. With Firefox it is sometimes the case with some websites

Disable automatic video HTML5 start in Firefox

Disable automatic video HTML5 start in Firefox

Autoplay Disable automatic video start in Firefox. Many webmasters integrate videos on their websites, for example around your website

7 benefits of using CRM in your business

7 benefits of using CRM in your business

Business is about communication, mostly about communicating with customers. Your business growth depends on how

Use typewriter font in WhatsApp – heres how

Use typewriter font in WhatsApp – heres how

Did you know that WhatsApp messages can be typewritten? With a little trick it comes in a different font

Firefox – New tab page more entries side by side

Firefox – New tab page more entries side by side

By default, the New Tab page (about:newtab) in Firefox has 8 entries next to each other. If you want to change that, you can do it with a CSS code

Firefox 79 – Important pages more entries in the address bar

Firefox 79 – Important pages more entries in the address bar

Since Firefox version 79, 10 instead of the previous 8 important pages appear by default when you click in the address bar if you do this in the

WhatsApp: Now send text in bold, strikethrough and italics

WhatsApp: Now send text in bold, strikethrough and italics

The most used messenger WhatsApp has received nice features with the last update. Now it is possible to send the text in different formatting.

View saved passwords on Edge Chromium

View saved passwords on Edge Chromium

View saved passwords on Edge Chromium. In the past we showed you how to save passwords on Google

Disable saving cookies in Microsoft Edge

Disable saving cookies in Microsoft Edge

Disable cookies on Microsoft Edge? The new Edge Chromium from Microsoft offers many setting options. One of them is whether the

What to do with a corrupted PowerPoint file?

What to do with a corrupted PowerPoint file?

What software do you use when you need to create a high-quality presentation as quickly as possible? You can ask a million people 99

Slow internet connection - suggested solutions

Slow internet connection - suggested solutions

Who does not know this and is annoyed by a slow internet connection. Do the websites open slowly or the download you want takes time?

Clean up Firefox userChrome.css

Clean up Firefox userChrome.css

If you have entered a lot of codes in it, it quickly becomes confusing and it takes longer to find a specific code

Which processor is installed? Find out 8 ways

Which processor is installed? Find out 8 ways

Surely you have asked yourself which processor is installed in the computer. On Windows 10, there are different methods to get the CPU designation

Create Firefox portable version yourself

Create Firefox portable version yourself

Unfortunately, since Mozilla itself does not offer a portable version of Firefox, you have to create it yourself in a few simple steps.

IPhone: WhatsApp add a new contact

IPhone: WhatsApp add a new contact

Second method to add a contact to WhatsApp