Firefox 79 - Barre de défilement dans la fenêtre contextuelle de la barre dadresse

Si vous avez défini un nombre d'entrées trop élevé dans la fenêtre contextuelle de la barre d'adresse de Firefox après avoir cliqué dans la barre d'adresse, il peut arriver que les entrées inférieures ne soient plus affichées. Dans ce cas, vous avez besoin d'un code CSS pour créer une barre de défilement supplémentaire.

Voici à quoi cela ressemble par défaut si vous avez trop d'entrées :

Les entrées affichées s'étendent au-delà du bord de l'écran en bas et vous ne pouvez pas voir les autres entrées.

Remarque :
j'avais déjà donné un code CSS pour cela ici , mais cela ne fonctionne plus dans la version actuelle de Firefox.

(Vous pouvez modifier le nombre d'entrées dans cette fenêtre contextuelle dans about:config sous la valeur browser.urlbar.maxRichResults )

Firefox 79 - Barre de défilement dans la fenêtre contextuelle de la barre d'adresse

Concernant about:config j'avais déjà écrit une explication ici.

à propos : explication de la configuration

Créer userChrome.css et userContent.css

Un avis:

Si vous utilisez l'un de ces fichiers pour la première fois, vous devez également saisir la valeur dans about:config :

toolkit.legacyUserProfileCustomizations.stylesheets

passer à vrai.

J'ai déjà décrit comment cela se fait ici:

réutiliser les fichiers userChrome

Et voici l'explication de comment faire avec le code CSS.

Nous allons d'abord dans le dossier de profil de Firefox et ouvrons le dossier chrome que nous avons créé nous-mêmes.

Ouvrez ensuite le fichier userChrome.css dans le dossier chrome.

Nous entrons maintenant le code CSS suivant dans ce fichier :

/* affiche une barre de défilement pour les suggestions d'adresses dans l'urlbar */ :root { /* la valeur doit être identique dans about:config = browser.urlbar.maxRichResults */ --ac_popup_number_of_results: 80; /* Plus la valeur ci-dessus est élevée, plus la valeur en px doit être petite */ --ac_popup_maxheight: calc(6px * ( var(--ac_popup_number_of_results) + 1 )); --ac_popup_height : calc(400px * var(--ac_popup_number_of_results)); } /* Nombre maximum d'entrées affichées sans défilement */ .urlbarView:not(.megabar) { height: var(--ac_popup_height) !important; hauteur-max: var(--ac_popup_maxheight) !important; } /* Marge en haut et en bas de la liste d'adresses */ #urlbar-results { margin-top: 1px !important; marge inférieure : 3 px ! important ; } /* Position de la barre de défilement et de la liste d'adresses */ .urlbarView:not(.megabar){ overflow-y: scroll !important; marge-haut : -1px !important ; marge inférieure : 1px !important ; } /* Désactiver l'extension urlbar */ #urlbar[breakout][breakout-extend] { top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important ; gauche : 0 !important; largeur : 100 % !important ; } #urlbar[breakout][breakout-extend] > #urlbar-input-container { hauteur : 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 { hauteur : 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 { hauteur : 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; }

Et voici à quoi ressemble le code dans le fichier userChrome.css :

La valeur de browser.urlbar.maxRichResults peut être modifiée ou ajustée comme vous le souhaitez.

Firefox 79 - Barre de défilement dans la fenêtre contextuelle de la barre d'adresse

Fermez et enregistrez ensuite le fichier userChrome.css et redémarrez Firefox pour que la modification prenne effet.

Et voici à quoi cela ressemble avec la nouvelle barre de défilement supplémentaire :

Barre de défilement dans Firefox