From 4f45eb7c261e7d831918a565be9a372d8fac0ec4 Mon Sep 17 00:00:00 2001 From: Anish Lakhwara Date: Tue, 26 May 2026 10:18:09 -0700 Subject: [PATCH] firefox: keep URL bar visible when dropdown is open The hidden nav-bar UX made typing in the URL bar impossible because the awesomebar suggestions panel rendered over the URL input. Pin the navbar fully visible whenever the URL bar is open and anchor the suggestions panel below the input via top: 100%. --- home/profiles/firefox/userChrome.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/home/profiles/firefox/userChrome.css b/home/profiles/firefox/userChrome.css index 3495541..6b8645d 100644 --- a/home/profiles/firefox/userChrome.css +++ b/home/profiles/firefox/userChrome.css @@ -53,6 +53,25 @@ height: 28px !important; } +/* When the URL bar dropdown is open, force the whole navbar visible AND + push the suggestions panel below the urlbar input instead of overlapping it. */ +#navigator-toolbox:has(#urlbar[open="true"]) > #nav-bar { + margin-top: 0 !important; + margin-bottom: var(--navbar-margin) !important; + opacity: 1 !important; + z-index: 1000 !important; +} + +/* Anchor the suggestions panel to the bottom of the urlbar input. + Firefox positions .urlbarView absolutely; we force it below the input + and raise it above the (hidden) page content but below the nav-bar. */ +#urlbar[open="true"] > .urlbarView { + position: absolute !important; + top: 100% !important; + margin-top: 0 !important; + z-index: 999 !important; +} + /* hides the sidebar header #sidebar-header { display: none !important; -- 2.51.2