Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

#searchbar-new.urlbar hbox.urlbar-input-container {
  background-color: red !important;
}

#searchbar-new {	
  --toolbar-field-focus-border-color: transparent !important;
}

[data-l10n-id="searchbar-input"] {
  color: white !important;
}

// ==UserScript==
// @name           Suchfeld (searchbar-new) automatisch leeren
// @description    Leert die zweite Adressleiste (moz-urlbar mit id="searchbar-new")
// @include        chrome://browser/content/browser.xhtml
// ==/UserScript==

(function() {
  if (location.href !== "chrome://browser/content/browser.xhtml") return;

  // Container der zweiten Leiste
  const container = document.getElementById("search-container");
  if (!container) return;

  // Die „Suchleiste“ ist ein moz-urlbar
  const urlbar = container.querySelector("html\\:moz-urlbar#searchbar-new") ||
                 document.querySelector("html\\:moz-urlbar#searchbar-new");
  if (!urlbar) return;

  // Eingabefeld aus Shadow DOM oder Fallback
  const input =
    urlbar.shadowRoot?.querySelector("input") ||
    urlbar.querySelector("input");
  if (!input) return;

  /* ------------------------------------------
   * 1. Suchfeld nach 4 Sekunden automatisch leeren
   * ------------------------------------------ */

  let tId;
  input.addEventListener("input", () => {
    clearTimeout(tId);
    tId = setTimeout(() => {
      input.value = "";
      if (typeof urlbar.value === "string") {
        urlbar.value = "";
      }
    }, 4000);
  });

  /* ------------------------------------------
   * 2. Suchfeld sofort nach Start der Suche leeren
   *    (Enter in dieser Leiste)
   * ------------------------------------------ */

  input.addEventListener("keydown", (e) => {
    if (e.key === "Enter") {
      // Kurz warten, damit die eigentliche Suche/Navigation losläuft
      setTimeout(() => {
        input.value = "";
        if (typeof urlbar.value === "string") {
          urlbar.value = "";
        }
      }, 200);
    }
  });

})();

console.log("🔥 SUCHFELD ULTRA FIX!");

setInterval(() => {
 // const input = document.getElementById('#searchbar-new #urlbar-input');
  const input = document.getElementById("urlbar-input");
 // const input = document.getElementById("html:input#urlbar-input.urlbar-input textbox-input");
  if (input && input.value.length > 0) {
    console.log("💥 LEERE JETZT:", input.value);
    
    // Mehrere Methoden gleichzeitig:
    input.value = "";
    input.setAttribute("value", "");
    input.textContent = "";
    
    // Auch Parent leeren (moz-urlbar)
    const urlbar = document.getElementById("searchbar-new");
    if (urlbar) {
      urlbar.value = "";
      urlbar.setAttribute("value", "");
    }
    
    // Event triggern
    input.dispatchEvent(new Event('input', {bubbles: true}));
    input.dispatchEvent(new Event('change', {bubbles: true}));
  }
}, 500); // Alle 0.5 Sekunden checken

(function() {

  setInterval(() => {
    const input = document.getElementById("urlbar-input");
    if (input && input.value.length > 0) {
      const urlbar = document.getElementById("searchbar-new");
      if (urlbar) {
        urlbar.value = "";
        urlbar.setAttribute("value", "");
      }
      
      // Event triggern
    //  input.dispatchEvent(new Event('change', {bubbles: true}));
    }
  }, 500); // Alle 0.5 Sekunden checken

  let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
  let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`

    .searchmode-switcher-icon {
      list-style-image: url("chrome://global/skin/icons/search-glass.svg") !important;
      fill: #ffaa00 !important;
    }

	`), null, null);

   sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

})();

(function() {

  setInterval(() => {
    const input = document.getElementById("urlbar-input");
    if (input && input.value.length > 0) {
      const urlbar = document.getElementById("searchbar-new");
      if (urlbar) {
        urlbar.value = "";
        urlbar.setAttribute("value", "");
      }
    }
  }, 500); // Alle 0.5 Sekunden checken

  let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
  let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`

    .searchmode-switcher-icon {
      list-style-image: url("chrome://global/skin/icons/search-glass.svg") !important;
      fill: #ffaa00 !important;
    }

  `), null, null);

  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

  // ---- Suchbegriff nach vorgegebener Zeit löschen ----

  function autoClearSearchbarAfterDelay() {
    const DELAY = 4000; // 4 Sekunden Verzögerung
    const searchbar = document.getElementById("searchbar-new");
    if (!searchbar) return;

    let timeout;

    // Wenn der Benutzer etwas eingibt
    searchbar.addEventListener("input", () => {
      clearTimeout(timeout);
      if (searchbar.value.trim() !== "") {
        timeout = setTimeout(() => {
          // Nur löschen, wenn noch Text da ist (keine Zwischenänderung)
          if (searchbar.value.trim() !== "") {
            searchbar.value = "";
            searchbar.setAttribute("value", "");
            // Event auslösen, damit UI aktualisiert
            searchbar.dispatchEvent(new Event('input', { bubbles: true }));
          }
        }, DELAY);
      }
    });

    // Optional: Wenn der Benutzer Enter drückt (Suche startet) → Timeout abbrechen
    searchbar.addEventListener("keydown", (e) => {
      if (e.key === "Enter") clearTimeout(timeout);
    });
  }

  // Funktion nach kurzer Verzögerung aktivieren (sobald das Feld existiert)
  setTimeout(autoClearSearchbarAfterDelay, 1000);

})();