Stoppen Sie die Launchpad Deckelung seiner eigenen Dropdowns unter jeder Scrollleiste

Fixkamo-internal
Verschifft
6. September 2026 um 21:56 UTC
Autor
Kamo
Ausschuss
4ea142b

Die Dropdowns der Admin-Bar wurden unter der Scrollleiste des App Shelf gemalt, und Senkung der Regal z-Index letztes Mal nicht geholfen, weil die Zahl war nie das Problem. Der Inhalts-Wrapper des Launchpads ist "Position: relativ" mit "zIndex", der macht es zu einem STACKING CONTEXT. Alles im Inneren wird dann auf Stufe 1 der root context: ein Dropdown, der nach 40 fragt, ist wirklich Malerei bei 1. ScrollbarOverlay Portale seine Balken zum Körper und gibt ihnen ihre Scroller nächste z-indexiert Vorfahr PLUS ONE - 2 für eine ruhende Scheine - so zeichnete jede Leiste auf dieser Seite jeder Dropdown auf sie, welche Zahlen jede Seite gewählt. overlayGeometry sagt so viel in seiner eigenen Doku: "ein Scroller in der Seitenhülle sitzt unter einem Vorfahren an z-index 1 und bekommt 2". Der Wrapper muss kein stapelnde Kontext sein. Der Backdrop ist z-index -1, und ein positioniertes Element ohne z-Index malt bereits darüber. In einem Browser gegen eine originalgetreue Kopie der Struktur der Seite gemessen, mit der real ScrollbarLayer montiert: mit dem Kontext, gewinnt die Bar die Überlappung; ohne es, der Dropdown tut . Regal offen (Scheibe 12, Bar 13, Dropdown 40) und geschlossen (Bar 1) - und der Hintergrund bleibt hinter dem Inhalt. Zwei Notizen für die nächste Person. Meine erste Sonde von diesem weggelassen die Wrapper, so dass es "passiert" gegen den Fehler. Und elementFromPoint ist hier kein Lackbestellungstest: der Overlay-Container ist pointer-events keine, so dass der Hit-Test überspringt es und Namen Der falsche Gewinner, es sei denn, man erzwingt die Punkter-Ereignis zuerst.

Alle Änderungen

Wie, was Sie sehen Versand?

Jedes dieser Updates landet automatisch in Ihrem Arbeitsbereich. Starten Sie frei und beobachten Sie es Woche für Woche wachsen.

Free Forever startenPreisgestaltung anzeigen