enhancement
major
defect
major
minor
Fehlerbild
In der React-Oberfläche öffnet sich der Tooltip eines Menüeintrags hinter dem Menü und ist dadurch (teilweise) verdeckt. Beobachtbar z.B. am Tooltip des deaktivierten Löschen-Kommandos für den Benutzer root: Der Tooltip, der erklärt, warum das Kommando nicht ausführbar ist, wird vom Menü überdeckt.
Ursache
Menüs, Auswahl-Popups und Toolbar-Überläufe (.tl-popover) und der Tooltip (.tl-tooltip-popover) liegen auf derselben Ebene z-index: var(--tl-layer-popover). Bei gleichem z-index entscheidet die Reihenfolge im DOM: Das Menü wird beim Öffnen ans Ende von <body> gehängt, der Tooltip-Host #tl-tooltip-host steht schon seit dem Start davor. Damit liegt das Menü über dem Tooltip.
Lösung
Der Tooltip bekommt eine eigene Ebene direkt über den Popovern: .tl-tooltip-popover { z-index: calc(var(--tl-layer-popover) + 1) } in tlReactControls.css. Ein Tooltip erklärt das Element, über dem der Zeiger steht, und dieses Element kann selbst in einem Popover liegen (Menüeintrag, Option eines Auswahl-Popups). Die Ebene folgt der Skala des Design-Systems, ohne dass die generierten Token-Dateien geändert werden müssen.