Fx 150 > Searchbar Popup nicht bei focus öffnen

// ==UserScript==
// @name         Searchbar Auto-Clear + Go-Pfeil (Firefox 150+)
// @description  Auto-leeren + Go/Enter behandelt, Popup für History/Suggestions geschlossen
// @include      chrome://browser/content/browser.xhtml
// @async        true
// @version      2026/04/23
// ==/UserScript==

(function() {
  const waitingToClear = 15000; // ms | 0 = deaktiviert
  let suppressPopupUntil = 0;

  const lazy = {};
  ChromeUtils.defineESModuleGetters(lazy, {
    SearchService: "moz-src:///toolkit/components/search/SearchService.sys.mjs",
  });

  // ---- CSS für Go-Pfeil (optional) ----
  try {
    if (Services?.prefs?.getBoolPref("browser.search.widget.new", true)) {
      let style = `
        #searchbar-new[focused] vbox.urlbarView {
          display: none !important;
        }
        #searchbar-new[focused][usertyping] vbox.urlbarView {
          display: block !important;
        }

        #searchbar-new {
          .urlbar-go-button {
            display: flex !important;
            opacity: 0.8 !important;
            cursor: pointer !important;
            &:hover { opacity: 1 !important; }
            &:not(:hover) { opacity: 0.8 !important; }
          }
        }
      `;

      let sss = Cc["@mozilla.org/content/style-sheet-service;1"]
                .getService(Ci.nsIStyleSheetService);

      let uri = Services.io.newURI(
        "data:text/css;charset=UTF-8," + encodeURIComponent(style)
      );

      if (!sss.sheetRegistered(uri, sss.AGENT_SHEET)) {
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
      }
    }
  } catch (e) {
    console.warn("CSS init failed:", e);
  }

  // ---- Helpers ----
  function getSearchbar() {
    return window.document.getElementById("searchbar-new");
  }

  function getTextbox(searchbar) {
    // in der neuen UI gibt es meist searchbar.inputField
    return searchbar?.inputField || searchbar?.querySelector("input");
  }

  function getGoButton(searchbar) {
    // robust: wir suchen den Button über class/DOM
    return searchbar?.querySelector(
      ".urlbar-go-button, button.urlbar-go-button, .go-button, button.go-button"
    );
  }

  function closeUrlbarView(searchbar) {
    try {
      const view = searchbar?.urlbarView;
      // abhängig von UI-Variante:
      view?.close?.();
      view?.hidePopup?.();
      view?.setAttribute?.("hidden", "true");
    } catch (e) {}
  }

  function clearSearchbar({ blur = false } = {}) {
    const searchbar = getSearchbar();
    const textbox = getTextbox(searchbar);
    if (!searchbar || !textbox) return;

    // Popup schließen (so oft wie nötig, daher suppress-Window + close)
    closeUrlbarView(searchbar);

    try { searchbar.removeAttribute("usertyping"); } catch (e) {}

    textbox.value = "";

    if (blur) {
      try { textbox.blur(); } catch (e) {}
    }
  }

  function whereToOpenFromEvent(aEvent) {
    let where = "current";
    const newTabPref = Services.prefs.getBoolPref("browser.search.openintab", false);

    const target = aEvent?.originalTarget || aEvent?.target;
    const goEl = target?.closest?.(".urlbar-go-button");

    if (goEl) {
      // whereToOpenLink ist in deinem Kontext verfügbar
      where = BrowserUtils.whereToOpenLink(aEvent, false, true);

      if (newTabPref && !aEvent.altKey && where == "current" && !gBrowser.selectedTab.isEmpty) {
        where = "tab";
        if ((KeyboardEvent.isInstance(aEvent) && aEvent.ctrlKey) ||
            (MouseEvent.isInstance(aEvent) && aEvent.button == 1))
          where = "tabshifted";
      }
    }
    return where;
  }

  async function patchEmptySearch(event) {
    // Nur wenn "leere Suche" ausgelöst wird (z.B. Enter/Go mit leerem Feld)
    const searchbar = getSearchbar();
    const textbox = getTextbox(searchbar);
    if (!searchbar || !textbox) return;

    if (textbox.value !== "") return;

    const target = event?.originalTarget || event?.target;
    const inputOrGo = target?.closest?.(".urlbar-input, .urlbar-go-button");
    if (!inputOrGo) return;

    let searchMode = searchbar.searchMode;
    let engine;

    try {
      if (!searchMode) {
        engine = await lazy.SearchService.getDefault();
      } else {
        let label = searchMode.engineName;
        engine = await lazy.SearchService.getEngineByName(label);
      }
    } catch (e) {
      console.warn("Engine resolve failed:", e);
      return;
    }

    let where = whereToOpenFromEvent(event);
    let url = engine.searchForm;

    window.openTrustedLinkIn(url, where);
  }

  function attachPopupSuppress(searchbar) {
    // Falls das Popup "nochmal" aufgeht, schließen wir es im kurzen Zeitfenster.
    const view = searchbar?.urlbarView;
    if (!view) return;

    // Vermeide doppelte Listener
    if (view.dataset.popupSuppressAttached) return;
    view.dataset.popupSuppressAttached = "true";

    view.addEventListener("popupshown", (e) => {
      if (Date.now() < suppressPopupUntil) {
        try { e.target.hidePopup?.(); } catch (err) {}
        try { e.target.close?.(); } catch (err) {}
        try { e.target.setAttribute?.("hidden", "true"); } catch (err) {}
      }
    }, true);
  }

  // ---- Init ----
  function initSearchbar() {
    const searchbar = getSearchbar();
    if (!searchbar || searchbar.dataset.autoClearAttached) return;

    searchbar.dataset.autoClearAttached = "true";

    const textbox = getTextbox(searchbar);
    if (!textbox) {
      console.warn("Textbox not found");
      return;
    }

    console.log("✅ Searchbar Auto-Clear + Go/Enter (Popup-suppress) aktiviert");

    attachPopupSuppress(searchbar);

    // 1) AUTO-CLEAR (Timeout nach Eingabe)
    let timeoutId;
    if (waitingToClear > 0) {
      textbox.addEventListener("input", () => {
        clearTimeout(timeoutId);
        timeoutId = setTimeout(() => {
          if (textbox.value.trim()) {
            suppressPopupUntil = Date.now() + 800;
            closeUrlbarView(searchbar);
            clearSearchbar({ blur: false });
            console.log("⏰ Auto-Clear aktiviert (Popup geschlossen)");
          }
        }, waitingToClear);
      }, { passive: true });
    }

    // 2) ENTER: Suche starten lassen, aber direkt danach Clear + Popup-Suppress
    textbox.addEventListener("keydown", (event) => {
      if (event.keyCode === KeyEvent.DOM_VK_RETURN && textbox.value.trim()) {
        suppressPopupUntil = Date.now() + 1200;

        // Enter soll die Suche auslösen -> daher NICHT preventDefault
        setTimeout(() => {
          // Popup kann nach dem Clear nochmal triggern -> daher suppress-Window
          closeUrlbarView(searchbar);
          clearSearchbar({ blur: true });
          console.log("↵ Enter → Geleert (Popup blockiert)");
        }, 50);
      }

      // (nur wenn Enter auf leerem Feld passiert)
      if (event.keyCode === KeyEvent.DOM_VK_RETURN && !textbox.value.trim()) {
        // wir lassen patchEmptySearch entscheiden
        patchEmptySearch(event).catch(()=>{});
      }
    }, false);

    // 3) GO-Button: per DOM finden + Click behandeln
    const goBtn = getGoButton(searchbar);
    if (!goBtn) {
      console.warn("Go-Button nicht gefunden — Script behandelt trotzdem Enter.");
      return;
    }

    // Click auf Go: Popup-Suppress + Clear
    goBtn.addEventListener("click", (event) => {
      // Falls Feld leer ist -> Empty-Search Logik nutzen
      patchEmptySearch(event).catch(()=>{});

      // Nur Clear wenn Text da war (sonst würdest du leere Suche stören)
      if (!textbox.value.trim()) return;

      suppressPopupUntil = Date.now() + 1200;

      setTimeout(() => {
        closeUrlbarView(searchbar);
        clearSearchbar({ blur: true });
        console.log("Go → Geleert (Popup blockiert)");
      }, 50);
    }, false);
  }

  // ---- Start / Re-init ----
  setTimeout(() => {
    initSearchbar();
  }, 500);

  new MutationObserver(() => initSearchbar())
    .observe(document, { childList: true, subtree: true });
})();