Firefox 79: barra de desplazamiento en la ventana emergente de la barra de direcciones

Si ha configurado demasiado alto el número de entradas en la ventana emergente de la barra de direcciones en Firefox después de hacer clic en la barra de direcciones, puede suceder que las entradas más bajas ya no se muestren. En este caso, necesita un código CSS para crear una barra de desplazamiento adicional.

Así es como se ve por defecto si tiene demasiadas entradas:

Las entradas que se muestran se extienden más allá del borde de la pantalla en la parte inferior y no puede ver las otras entradas.

Nota:
ya había dado un código CSS para esto aquí , pero ya no funciona en la versión actual de Firefox.

(Puede cambiar el número de entradas en esta ventana emergente en about:config bajo el valor browser.urlbar.maxRichResults )

Firefox 79: barra de desplazamiento en la ventana emergente de la barra de direcciones

Con respecto a about:config, ya había escrito una explicación aquí.

about: explicación de la configuración

Crear userChrome.css y userContent.css

Una noticia:

Si está utilizando uno de estos archivos por primera vez, también debe ingresar el valor en about:config:

toolkit.legacyUserProfileCustomizations.stylesheets

cambiar a verdadero.

Ya he descrito cómo se hace esto aquí:

reutilizar archivos de UserChrome

Y aquí está la explicación de cómo hacerlo con el código CSS.

Primero vamos a la carpeta del perfil de Firefox y abrimos la carpeta de Chrome que creamos nosotros mismos.

Luego abra el archivo userChrome.css en la carpeta Chrome.

Ahora ingresamos el siguiente código CSS en este archivo:

/* mostrar una barra de desplazamiento para sugerencias de direcciones en la barra de direcciones URL */ :root { /* el valor debe ser idéntico en about:config = browser.urlbar.maxRichResults */ --ac_popup_number_of_results: 80; /* Cuanto mayor sea el valor anterior, menor debe ser el valor de px */ --ac_popup_maxheight: calc(6px * ( var(--ac_popup_number_of_results) + 1 )); --ac_popup_height: calc(400px * var(--ac_popup_number_of_results)); } /* Número máximo de entradas que se muestran sin desplazarse */ .urlbarView:not(.megabar) { height: var(--ac_popup_height) !important; altura máxima: var(--ac_popup_maxheight) !importante; } /* Margen en la parte superior e inferior de la lista de direcciones */ #urlbar-results { margin-top: 1px !important; margen inferior: 3px !importante; } /* Barra de desplazamiento y posición de la lista de direcciones */ .urlbarView:not(.megabar){ overflow-y: scroll !important; margen superior: -1px !importante; margen inferior: 1px! importante; } /* Deshabilitar la extensión de la barra de URL */ #urlbar[breakout][breakout-extend] { top: calc((var(--urlbar-toolbar-height) - var(--urlbar-tool-height)) / 2) !important ; izquierda: 0 !importante; ancho: 100% !importante; } #urlbar[breakout][breakout-extend] > #urlbar-input-container { altura: var(--urlbar-height) !importante; bloque de relleno: 0 !importante; padding-inline: 0 !importante; } #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 { altura: var(--urlbar-height) !importante; bloque de relleno: 0 !importante; padding-inline: 0 !importante; } #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 { altura: var(--urlbar-height) !importante; bloque de relleno: 0 !importante; padding-inline: 0 !importante; } #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { animation-name: none !important; } #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: none !important; }

Y así es como se ve el código en el archivo userChrome.css:

El valor de browser.urlbar.maxRichResults se puede cambiar o ajustar según se desee.

Firefox 79: barra de desplazamiento en la ventana emergente de la barra de direcciones

Luego cierre y guarde el archivo userChrome.css y reinicie Firefox para que el cambio surta efecto.

Y así es como se ve con la nueva barra de desplazamiento adicional:

Barra de desplazamiento en Firefox