Fix: Kategorie-Menü schloss sich beim Runterfahren zur Auswahl (Hover-Lücke)
Der margin-top:12px, den ich für den Verbindungs-Pfeil ergänzt hatte, erzeugte eine echte Lücke zwischen Knopf und Menü. Bewegte man die Maus gerade runter, um einen Menüpunkt auszuwählen, verließ der Zeiger kurz .nav-group (die Lücke gehört layoutmäßig zu keinem der beiden), das Hover-abhängige Menü klappte sofort zu — Klicken wurde unmöglich. Fix: Box sitzt wieder bündig an top:100% (keine Lücke), der Pfeil pokt jetzt direkt in die Knopf-Kante statt in einen Leerraum.
This commit is contained in:
+6
-1
@@ -247,8 +247,13 @@ header.site-header {
|
|||||||
ruhigen Look statt der vorherigen schlichten grauen Box. */
|
ruhigen Look statt der vorherigen schlichten grauen Box. */
|
||||||
.nav-dropdown {
|
.nav-dropdown {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
/* WICHTIG: KEIN margin-top/Lücke zum Knopf — sonst verliert die Maus
|
||||||
|
beim Runterfahren zur Box kurz den Hover auf .nav-group, und das
|
||||||
|
Menü klappt zu, bevor man einen Punkt anklicken kann (Bug gefunden
|
||||||
|
03.08.2026, durch den Caret-Abstand selbst verursacht). Box sitzt
|
||||||
|
deshalb bewusst bündig an top:100%, der Verbindungs-Pfeil unten
|
||||||
|
pokt einfach in die Knopf-Kante hinein statt in eine echte Lücke. */
|
||||||
top: 100%;
|
top: 100%;
|
||||||
margin-top: 12px;
|
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
min-width: 230px;
|
min-width: 230px;
|
||||||
|
|||||||
Reference in New Issue
Block a user