Fixing urlbar popout on current Firefox

Since (AFAIR) Firefox 133, we have an issue where the URL bar disappears while typing. You can still type, but it is not a great user experience.

This fixes this.

Remaining issues:

• narrow suggestion window in FF 136 (I have tried setting a wider width, which works on 136, but had negative side effects on ESR 128 - the URLbar would move when activated),
• vertical order and spacing could be better, especially with mcf.addressbarontop=true.

src/userChrome/urlbar.css

-/* Copyright 2022 Oliver Smith
+/* Copyright 2025 Oliver Smith, Peter Mack
  * SPDX-License-Identifier: MPL-2.0 */
 
 /* Reduce minimum window width */
@@ -65,6 +65,27 @@
         display: none;
     }
 
+    /* Fixing invisible URL bar on FF 133+ */
+    #urlbar[breakout][breakout-extend] {
+        width: --urlbar-width !important;
+        bottom: 0 !important;
+        z-index: 5 !important;
+    }
+
+    @media not (-moz-bool-pref: "mcf.addressbarontop") {
+        #urlbar[breakout][breakout-extend] {
+            top: 0 !important;
+            align-content: flex-end !important;
+        }
+    }
+
+    @media (-moz-bool-pref: "mcf.addressbarontop") {
+        #urlbar[breakout][breakout-extend] {
+            top: calc(1.1 * --urlbar-container-height) !important;
+            align-content: flex-start !important;
+        }
+    }
+
     /* Label of "identity icons", e.g. firefox specific pages look weird
      * when ellipsed, e.g. "F..x" instead of "Firefox". So just hide this
      * label. The icon itself is still visible. */