Sidebar für FF 146 - Erster Versuch

Horstmann

Falls das mal jemand testen möchte; das wäre nur als grober Test gedacht für das Prinzip.

Die Idee wäre, dass das Script möglichst wenig an Fx Code und nativer Funktion überschreibt; die Aktivierungsfläche ist für eben den Test sichtbar und recht gross, und agiert auch als Resizer.
Kann verschoben und verkleinert werden.

Ein Teil vom JS Code ist teils vom OP übernommen, teils mit freundlicher Hilfe von Perplexity AI entstanden, aber generell manuell angepasst. CSS ist 100% by Horst-AI.

JavaScript

// floating hover sidebar Test

(function() {

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

    // adjust height to browser window
    let brow_size = document.getElementById("browser");
    let observer = new ResizeObserver(() => {
    let rect = brow_size.getBoundingClientRect();
    document.getElementById('sidebar-box').style.setProperty('--height_sidebar', rect.height + 'px');
    //document.getElementById('sidebar-box').style.setProperty('--height_sidebar_top', rect.top + 'px');
    });
    observer.observe(brow_size);

    let floater = document.getElementById('sidebar-box');

    // keep sidebar open when open popup is hovered
    window.addEventListener("popupshowing", (e) => {
        if (e.target.id === "sidebarMenu-popup" || e.target.getAttribute("viewid")?.startsWith("sidebar-")) {
          floater.classList.add("menu_up");
        }
        else {
          floater.classList.remove("menu_up");
        }
    });

    // resizer
    let resizer = document.createElement("div");
    resizer.id = "sidebar_resizer";
    floater.appendChild(resizer);

    let isResizing = false;
    let startX, startWidth;
    let isRight;

    resizer.addEventListener("mousedown", e => {
      isResizing = true;
      startX = e.clientX;
      startWidth = floater.getBoundingClientRect().width;
      isRight = floater.hasAttribute("positionend") || floater.hasAttribute("sidebar-positionend");

      e.preventDefault();
    });

    window.addEventListener("mousemove", e => {
      if (!isResizing) return;

      let delta;
      if (isRight) {
        delta = startX - e.clientX;
      } else {
        delta = e.clientX - startX;
      }

      let newWidth = startWidth + delta;
      floater.style.width = newWidth + "px";
    });

    window.addEventListener("mouseup", () => {
      isResizing = false;
    });

let css =`

#sidebar-box {
    --ug-handle_size: 32px;
    --ug-trans_delay_out: 0.25s;
    --ug-trans_delay_in: 1s;
    position: fixed !important;
    /*max-width: unset !important;*/
    right: 0px;
    left: unset;
    bottom: 0px;
    height: var(--height_sidebar);
    z-index: 99999 !important;
    transform: translateX(0%);
    transition: transform 0.5s ease !important;
    transition-delay: var(--ug-trans_delay_out) !important;
}

#sidebar-box:not([positionend],[sidebar-positionend]) {
    right: unset;
    left: 0px;
}

/*  Resizer  */

#sidebar_resizer {
    position: absolute;
    top: 0;
    right: unset;
    left: calc(-1*var(--ug-handle_size));
    width: var(--ug-handle_size);
    height: 64px;
    cursor: ew-resize;
    background: hsla(35, 0%, 50%, 0.25);
    outline: 2px solid lightblue;
    outline-offset: -2px;
}

#sidebar-box:not([positionend],[sidebar-positionend])  #sidebar_resizer {
    right: calc(-1*var(--ug-handle_size));
    left: unset;
}

/*   hide   */

#sidebar-box:not(:hover, .menu_up) {
    transform: translateX(100%);
    transition-delay: var(--ug-trans_delay_in) !important;
}

#sidebar-box:not([positionend],[sidebar-positionend]):not(:hover, .menu_up) {
    transform: translateX(-100%);
}

/*   stuff   */

#sidebar,
#sidebar-header {
  background-color: whitesmoke !important;
  border-inline: 1px solid grey;
  border-inline-width: 1px 0px;
}

#sidebar-box:not([positionend],[sidebar-positionend]) :is(#sidebar, #sidebar-header) {
  border-inline-width: 0px 1px;
}

#sidebar-splitter {
    display: none !important;
}

 `;

  const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

})();

Alles anzeigen

Test 2:

JavaScript

// floating_autohide_sidebar_test2.uc.js

// floating autohide hover sidebar Test 2
// Hover/resizer handle options for position and width
// Additional hover area in toolbar option
// User settings at the start of JS and CSS code blocks

(function() {

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

// User settings JS

    // true = enabled, false = disabled

    // Additional hover area in toolbar
    let hover_button = true;
    // Hover/resizer handle narrow and full height
    let full_height = false;
    // Test colors
    let test_colors = true;

// User settings JS end

    // adjust height to browser window
    let brow_size = document.getElementById("browser");
    let observer = new ResizeObserver(() => {
    let rect = brow_size.getBoundingClientRect();
    document.getElementById('sidebar-box').style.setProperty('--height_sidebar', rect.height + 'px');
    //document.getElementById('sidebar-box').style.setProperty('--height_sidebar_top', rect.top + 'px');
    });
    observer.observe(brow_size);

    let floater = document.getElementById('sidebar-box');

    // keep sidebar open when open popup is hovered
    window.addEventListener("popupshowing", (e) => {
        if (e.target.id === "sidebarMenu-popup" || e.target.getAttribute("viewid")?.startsWith("sidebar-")) {
          floater.classList.add("menu_up");
        }
        else {
          floater.classList.remove("menu_up");
        }
    });

// Hover button

  if (hover_button) {
    try {
      CustomizableUI.createWidget({
        id: 'sb_hover_button',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        label: 'Hover Button',
        tooltiptext: 'Sidebar Hover',
      });
    } catch (e) {}

    let hover_btn = document.getElementById("sb_hover_button");

    hover_btn.addEventListener('mouseover',function(){
          floater.classList.add("hover_that");
    })
    hover_btn.addEventListener('mouseleave',function(){
          floater.classList.remove("hover_that");
    });
    // prevent click
    hover_btn.onmousedown = function(event) {
        event.preventDefault();
    }
   };

// Resizer
    let resizer = document.createElement("div");
    resizer.id = "sidebar_resizer";

    floater.appendChild(resizer);

    let isResizing = false;
    let startX, startWidth;
    let isRight;

    resizer.addEventListener("mousedown", e => {
      isResizing = true;
      startX = e.clientX;
      startWidth = floater.getBoundingClientRect().width;
      isRight = floater.hasAttribute("positionend") || floater.hasAttribute("sidebar-positionend");

      floater.classList.add("resizinger");

      let rect_r = resizer.getBoundingClientRect();
      offsetX = rect_r.width / 2;
      offsetY = rect_r.height / 2;
      floater.style.transition = "none";

      e.preventDefault();
    });

    window.addEventListener("mousemove", e => {
      if (!isResizing) return;

      let delta;
      if (isRight) {
        delta = startX - e.clientX;
      } else {
        delta = e.clientX - startX;
      }
      let newWidth = startWidth + delta;
      floater.style.width = newWidth + "px";
      //floater.style.setProperty('--end_width_sidebar', newWidth + 'px');
    });

    window.addEventListener("mouseup", () => {
      isResizing = false;
      floater.classList.remove("resizinger");
    });

let css =`


#sidebar-box {

/*--  User settings CSS  --*/

    --ug-handle_height: 64px;
    --ug-handle_width: 32px;
    --ug-handle_distance_top: 0px;
    --ug-handle_width_fullheight: 16px;

    --ug-trans_duration: 0.35s;
    --ug-trans_delay_out: 0.25s;
    --ug-trans_delay_in: 1s;

/*--  User settings CSS end --*/

    --ug-handle_position: calc(-1*var(--ug-handle_width) + 5px);
    --ug-handle_width_resize: calc(100% + var(--ug-handle_width));

    position: fixed !important;
    /*max-width: unset !important;*/
    right: 0px;
    left: unset;
    bottom: 0px;
    height: var(--height_sidebar);
    z-index: 99999 !important;
    transform: translateX(100%);
    transition: transform var(--ug-trans_duration) ease !important;
    transition-delay: var(--ug-trans_delay_in) !important;
}

#sidebar-box:not([positionend],[sidebar-positionend]) {
    transform: translateX(-100%);
    right: unset;
    left: 0px;
}

/*   show   */

#sidebar-box:is(:hover, .menu_up, .hover_that) {
    transform: translateX(0%);
    transition-delay: var(--ug-trans_delay_out) !important;
}

/*  Resizer  */

#sidebar_resizer {
    position: absolute;
    top: var(--ug-handle_distance_top);
    right: unset;
    left: var(--ug-handle_position);
    width: var(--ug-handle_width);
    height: var(--ug-handle_height);
    cursor: ew-resize;
}

#sidebar-box:not([positionend],[sidebar-positionend]) #sidebar_resizer {
    right: var(--ug-handle_position);
    left: unset;
}

#sidebar-box.resizinger #sidebar_resizer {
    width: var(--ug-handle_width_resize);
}

/*  Hover buton  */

#sb_hover_button > .toolbarbutton-icon {
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    width: 64px !important;
    background-image: url(chrome://global/skin/icons/arrow-right.svg), url(chrome://global/skin/icons/arrow-left.svg) !important;
    background-position: center left 20%, center right 20% !important;
    background-size: 50% 50% !important;
    background-repeat: no-repeat !important;
}

#sb_hover_button  {
    padding: 0px 2px !important;
}

/*   colors, border   */

#sidebar,
#sidebar-header {
    background-color: var(--sidebar-background-color) !important;
    border-inline: 1px solid var(--sidebar-border-color);
    border-inline-width: 1px 0px;
}

#sidebar-box:not([positionend],[sidebar-positionend]) :is(#sidebar, #sidebar-header) {
  border-inline-width: 0px 1px;
}

#sidebar-splitter {
    display: none !important;
}

 `;

if (full_height) {
css += `

/*   full height   */

 #sidebar-box {
    --ug-handle_height: 100%;
    --ug-handle_distance_top: 0px;
    --ug-handle_width: var(--ug-handle_width_fullheight);
    --ug-handle_position: calc(-1*var(--ug-handle_width) /2);
}
 `;
}

if (test_colors) {
css += `

/*   Test colors   */

#sidebar_resizer {
    background: hsla(35, 0%, 50%, 0.25);
    outline: 2px solid lightblue;
    outline-offset: -2px;
}

 `;
}

  const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

})();

Alles anzeigen

Mira_Belle

Zitat von Horstmann

Falls das mal jemand testen möchte;

Funktioniert.

Horstmann

Zitat von Mira_Belle

Funktioniert.

Danke für's testen!

Nur um sicher zu gehen:

- Sidebar rechts/links setzen,
- mit/ohne diesen Einstellungen bzw. Buttonaktivierungen (bei hidden ist die Sidebar hidden),
- die sidebar.revamp ist immer noch auf true,
- die Breite der Sidebar wird gespeichert nach Verstellen und bleibt auch nach Neustart,
- Die Tastaturkürzel für die Sidebar (zB cmd + b am Mac zum Verstecken/Zeigen),
- Sidebar hover wird nicht aktiviert ausserhalb des Browserfenster, solange man die Maus nicht über die Aktivierungsfläche zieht
- Idealerweise auch dann nicht.

Alles klappt generell?

Vertikale Tabs hab ich allerdings offengestanden nicht getestet, und in dieser Testkonfiguration verdeckt die Aktivierungsfläche einen Teil der Sidebar Zusatzleiste etc..

Mitleser

Zitat von Horstmann

falls das mal jemand testen möchte

Was hat das denn mit dem originalen Script zu tun? Eigenes Thema?

Horstmann

Zitat von Mitleser

Was hat das denn mit dem originalen Script zu tun? Eigenes Thema?

Es hat mE tatsächlich mit dem Thema zu tun, und dem Script, und allen Kommentaren dazu, was ja nicht immer der Fall ist.

juras

Hallo

Habe für das Skript mit der google AI gearbeitet.

Der Start war eine Basic Definition der gewünschten Funktion.
Anschließend viele Iterationsstufen und konkrete Hinweise an die AI was und wie ich etwas genau haben möchte.
Die AI hat sich nicht selten verrannt und mußte mit konkreten Anweisungen auf einen anderen Ansatz gebracht werden.
Hilfreich waren auch der Consolen Output des Browsers damit die AI Fehler besser interpretieren konnte.
Hilfreich ist auch gewesen daß ich, obwohl ich kein Programmierer bin, Code so einigermaßen lesen und verstehen kann.

juras

Hi

Sören Hentzschel
Das beobachte Verhalten ist wirklich nicht nice.

In dieser Version prüfe ich ob die Maus das Fenster verläßt oder von außen ins Fenster kommt.
"Fliegt" die Maus ins Fenster (<50ms im Triggerbereich) öffnet die Sidebar nicht.
Wird die Maus aus dem Fenster bewegt öffnet die Sidebar auch nicht. Ist die Sidebar bereits offen so schließt sie sich.

JavaScript: Juras-SidebarV1.3.uc.js

//        Author:        Juras & KI
//        Version:    1.3
//        Changelog:    02.01.2026    Verhindert das Öffnen der Sidebar wenn die Maus aus dem Fenster raus/rein bewegt wird.
//                    01.01.2026    Variable zum Verzögern des Aufklappens der Sidebar hinzugefügt
//                                Sidebar wird nur dargestellt wenn im FF eingeschaltet
//                    22.12.2025    Sensorbereich auf den Content-Bereich begrenzt (beginnt unterhalb der Toolbox (Symbolleisten/Tabs))
//                    21.12.2025    Sidebar wird per mouse hover im sensorbereich am Rand getriggert (einstellbar)
//                                Umschaltbar für links und rechts
//                                Bleibt offen bei Auswahl im Sidebar Menü
//                                Sidebar Breite via Maus einstellbar (initiale Breite konfigurierbar)
//                                Sidebar Hintergrundfarbe stellt sich automatisch in Abhängigkeit von Theme (hell/dunkel) ein
//                                Transparenz des Sidebar Hintergrundes einstellbar
//
(function() {
   if (window.jsSidebarActive) return;
   window.jsSidebarActive = true;
   // --- KONFIGURATION ---
   const MIN_TRIGGER_WIDTH = 15;    
   const OPEN_DELAY = 1500;          
   const CLOSE_DELAY = 600;         
   let currentWidth = 310;          
   const BG_TRANSPARENCY = 0.92;    
   const sidebar = document.getElementById("sidebar-box");
   const toolbox = document.getElementById("navigator-toolbox");
   const browser = document.getElementById("browser");
   const appContent = document.getElementById("appcontent");
   if (!sidebar || !toolbox || !browser) return;
   let isMenuOpen = false;
   let isMouseInSidebar = false;
   let isResizing = false;
   let cachedTopOffset = 0;
   let openTimer = null;   
   let closeTimer = null;  
   
   // NEU: Zeitstempel, um "Einfliegen" von außerhalb zu erkennen
   let lastWindowEntryTime = 0;
   function isSidebarEnabled() {
       return !sidebar.hasAttribute("hidden") && sidebar.getAttribute("closed") !== "true";
   }
   function isSidebarRight() {
       try {
           if (sidebar.getAttribute("positionend") === "true") return true;
           return !Services.prefs.getBoolPref("sidebar.position_start", true);
       } catch (e) { return false; }
   }
   const style = document.createElement("style");
   style.id = "sidebar-hover-style";
   document.head.appendChild(style);
   
   function updateStyles() {
       if (!isSidebarEnabled()) {
           style.textContent = "";
           sidebar.removeAttribute("visible");
           return;
       }
       const isRight = isSidebarRight();
       const topOffset = toolbox.getBoundingClientRect().height;
       if (topOffset === 0) return;
       cachedTopOffset = topOffset;
       
       sidebar.setAttribute("data-side", isRight ? "right" : "left");
       
       style.textContent = `
           #sidebar-box {
               position: fixed !important;
               z-index: 10000 !important;
               top: ${topOffset}px !important;
               height: calc(100vh - ${topOffset}px) !important;
               width: var(--hover-sidebar-width, ${currentWidth}px) !important;
               transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
               background-color: light-dark(rgba(255, 255, 255, ${BG_TRANSPARENCY}), rgba(28, 28, 30, ${BG_TRANSPARENCY})) !important;
               backdrop-filter: blur(15px) saturate(140%);
               border: none !important;
               display: flex !important;
           }
           #sidebar-box[data-side="left"] { left: 0 !important; right: auto !important; border-right: 1px solid var(--chrome-content-separator-color) !important; }
           #sidebar-box[data-side="left"]:not([visible="true"]) { transform: translateX(-100%) !important; }
           #sidebar-box[data-side="right"] { right: 0 !important; left: auto !important; border-left: 1px solid var(--chrome-content-separator-color) !important; }
           #sidebar-box[data-side="right"]:not([visible="true"]) { transform: translateX(100%) !important; }
           #sidebar-box[visible="true"] { transform: translateX(0) !important; }
           #sidebar-resizer-grip {
               position: absolute; top: 0; width: 16px; height: 100%;
               cursor: ew-resize !important; z-index: 10001; background: transparent;
           }
           #sidebar-box[data-side="left"] #sidebar-resizer-grip { right: -8px; }
           #sidebar-box[data-side="right"] #sidebar-resizer-grip { left: -8px; }
           #sidebar-box[resizing="true"]::after {
               content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
               z-index: 99999; background: transparent;
           }
           #sidebar-box:not([visible="true"]) { pointer-events: none !important; }
           #sidebar-splitter { display: none !important; }
           #sidebar-header { background-color: transparent !important; }
       `;
   }
   const sidebarObserver = new MutationObserver(() => updateStyles());
   sidebarObserver.observe(sidebar, { attributes: true, attributeFilter: ['positionend', 'hidden', 'closed'] });
   sidebarObserver.observe(browser, { attributes: true, subtree: true, attributeFilter: ['positionend'] });
   
   Services.prefs.addObserver("sidebar.position_start", updateStyles);
   window.addEventListener("resize", updateStyles);
   setTimeout(updateStyles, 200);
   // --- LOGIK: FENSTER-FOKUS & EINTRITT ---
   window.addEventListener("mouseenter", () => {
       lastWindowEntryTime = Date.now();
   }, true);
   window.addEventListener("mouseleave", () => {
       if (openTimer) {
           clearTimeout(openTimer);
           openTimer = null;
       }
   }, true);
   window.addEventListener("popupshown", (e) => {
       if (e.target.id === "sidebarMenu-popup" || e.target.getAttribute("viewid")?.startsWith("sidebar-")) isMenuOpen = true;
   }, true);
   window.addEventListener("popuphidden", (e) => {
       if (e.target.id === "sidebarMenu-popup" || e.target.getAttribute("viewid")?.startsWith("sidebar-")) {
           isMenuOpen = false;
           if (!isMouseInSidebar) startCloseTimer();
       }
   }, true);
   function startCloseTimer() {
       if (closeTimer) clearTimeout(closeTimer);
       closeTimer = setTimeout(() => {
           if (!isMouseInSidebar && !isMenuOpen && !isResizing) {
               sidebar.setAttribute("visible", "false");
           }
           closeTimer = null;
       }, CLOSE_DELAY);
   }
   // --- LOGIK: ÖFFNEN ---
   window.addEventListener("mousemove", (e) => {
       if (isResizing || !isSidebarEnabled()) return;
       
       const isRight = isSidebarRight();
       const winWidth = window.innerWidth;
       
       // Prüfung 1: Ist die Maus im horizontalen Trigger-Bereich?
       const inHorizontalTrigger = isRight ? (e.clientX >= winWidth - MIN_TRIGGER_WIDTH) : (e.clientX <= MIN_TRIGGER_WIDTH);
       // Prüfung 2: Ist die Maus unterhalb der Toolbars?
       const inVerticalTrigger = (e.clientY >= cachedTopOffset);
       if (inHorizontalTrigger && inVerticalTrigger) {
           // VERHINDERUNG: Wenn die Maus gerade erst das Fenster betreten hat (weniger als 50ms her),
           // ignorieren wir den ersten Trigger, um Öffnen beim Monitorwechsel zu vermeiden.
           if (Date.now() - lastWindowEntryTime < 50) return;
           if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; }
           if (sidebar.getAttribute("visible") !== "true" && !openTimer) {
               openTimer = setTimeout(() => {
                   sidebar.setAttribute("visible", "true");
                   openTimer = null;
               }, OPEN_DELAY);
           }
       } else {
           if (openTimer) {
               clearTimeout(openTimer);
               openTimer = null;
           }
       }
   }, { passive: true });
   sidebar.addEventListener("mouseenter", () => {
       if (!isSidebarEnabled()) return;
       isMouseInSidebar = true;
       if (openTimer) { clearTimeout(openTimer); openTimer = null; }
       if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; }
   });
   sidebar.addEventListener("mouseleave", () => {
       isMouseInSidebar = false;
       if (!isResizing && sidebar.getAttribute("visible") === "true") startCloseTimer();
   });
   // --- RESIZE LOGIK ---
   const grip = document.createElement("div");
   grip.id = "sidebar-resizer-grip";
   sidebar.appendChild(grip);
   grip.addEventListener("mousedown", (e) => {
       if (!isSidebarEnabled()) return;
       isResizing = true;
       sidebar.setAttribute("resizing", "true");
       sidebar.style.transition = "none";
       const isRight = isSidebarRight();
       const startX = e.clientX;
       const startWidth = currentWidth;
       const doResize = (me) => {
           let diff = me.clientX - startX;
           let newWidth = isRight ? (startWidth - diff) : (startWidth + diff);
           if (newWidth > 50 && newWidth < window.innerWidth * 0.9) {
               currentWidth = newWidth;
               sidebar.style.setProperty("--hover-sidebar-width", currentWidth + "px");
           }
       };
       const stopResize = () => {
           isResizing = false;
           sidebar.removeAttribute("resizing");
           sidebar.style.transition = "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)";
           window.removeEventListener("mousemove", doResize, true);
           window.removeEventListener("mouseup", stopResize, true);
           if (!isMouseInSidebar) startCloseTimer();
       };
       window.addEventListener("mousemove", doResize, true);
       window.addEventListener("mouseup", stopResize, true);
       e.preventDefault();
   }, true);
   window.addEventListener("mousedown", (e) => {
       if (!isSidebarEnabled() || sidebar.getAttribute("visible") !== "true" || isMenuOpen || isResizing) return;
       if (appContent && appContent.contains(e.target)) {
           sidebar.setAttribute("visible", "false");
       }
   }, true);
})();

Alles anzeigen

Horstmann

Zitat von juras

Sören Hentzschel
Das beobachte Verhalten ist wirklich nicht nice.
In dieser Version prüfe ich ob die Maus das Fenster verläßt oder von außen ins Fenster kommt.
"Fliegt" die Maus ins Fenster (<50ms im Triggerbereich) öffnet die Sidebar nicht.
Wird die Maus aus dem Fenster bewegt öffnet die Sidebar auch nicht. Ist die Sidebar bereits offen so schließt sie sich.

Mein Eindruck wäre, dass dein Script viele native Fx Funktionen erst ausschaltet, und dann neu erfindet.
Das ist meiner beschränkten Erfahrung nach eine typische Eigenheit von AI, va wenn man Problemlösungen basierend auf einem existierenden Code sucht - Pflaster über Pflaster über Pflaster.

Ich glaube auch nicht dass AI den Fx Code an sich analysiert (oder analysieren darf), sondern va online Beiträge zum Code zusammenbastelt. Daher verwende ich wenn überhaupt AI als Richtgebung, und lösche dann soviel wie möglich wieder raus, auch unter Verwendung von searchfox, MDN und anderen Quellen.

Ich will das Thema nicht an mich reissen, aber in meinem groben Code scheint ein kleiner transition-delay beim Öffnen das aus dem Fenster Hover Problem zu lösen, solange man die Maus nicht seeeehr langsam über die Aktivierungsfläche bewegt.
In deiner letzten Version dauert es auch sehr lange bis das Ding überhaupt mal ausklappt.

Sören Hentzschel

Zitat von Horstmann

Falls das mal jemand testen möchte; das wäre nur als grober Test gedacht für das Prinzip.

Das scheint auf den ersten Blick die von mir berichteten Probleme nicht zu haben.

Zitat von juras

In dieser Version prüfe ich ob die Maus das Fenster verläßt oder von außen ins Fenster kommt.

Das sieht nun ebenfalls gut aus, mit der Einschränkung, dass die Aktivierung / Deaktivierung per Tastatur nicht mehr funktioniert.

Zitat von Horstmann

Ich glaube auch nicht dass AI den Fx Code an sich analysiert (oder analysieren darf), sondern va online Beiträge zum Code zusammenbastelt.

Fürs „dürfen” interessieren sich die Chatbots nicht. Die ganzen großen Modelle sind mit massenhaft gestohlenen Daten ohne Nutzungsrechte trainiert worden. Aber ja, du kannst davon ausgehen, dass KI-generierter Code jede Art von gefundener Online-Quelle berücksichtigt. Selbst, wenn der vollständige Firefox-Code analysiert worden wäre, wovon ich nicht ausgehe: Definitiv erfolgt keine Echtzeit-Analyse des aktuellen Codes zum Anfragezeitpunkt.

Sidebar für FF 146 - Erster Versuch

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Eigene Zusatzleisten

Sidebar nach Update auf 146 plötzlich Blau

Hilfe bei Konfiguration der "userChrome.css"