From f2f3586b5b84dbbfd678dbfeb15127eef8f2b495 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Wed, 23 Sep 2026 23:22:05 +0200 Subject: [PATCH] Die Auswahlliste lag hinter dem Dialog Filipe: "wenn ich auf zustaendigkeit druecke dan erscheint die auswahl im hintergrund kontrollier das." KONTROLLIERT, UND ER HAT RECHT. Gemessen im Browser: Der Kanal-Dialog ist modal, die Liste hing an BODY, und ein Klick in ihre Mitte traf DIALOG.dialog -- also den Dialog, nicht die Liste. Sie war da, sichtbar war sie nicht, bedienbar erst recht nicht. DER GRUND IST EINE EBENE, KEINE ZAHL. Ein Dialog aus showModal() liegt in der TOP LAYER, einer Schicht ueber dem ganzen Dokument. Kein z-index holt etwas aus dem Body davor; die Ebene entscheidet. DER ERSTE VERSUCH WAR FALSCH, und das Bildschirmfoto hat es gezeigt: Die Liste IN den Dialog zu haengen bringt sie zwar nach vorn -- und laesst sie am unteren Rand abschneiden. `.dialog` traegt ein clip-path fuer die abgeschraegte Ecke, und ein clip-path beschneidet ALLE Nachkommen, auch "position: fixed". Die Liste endete mitten im Wort "Events". Damit ging beides nicht: draussen dahinter, drinnen beschnitten. DER POPOVER IST GENAU DAFUER GEMACHT. Er hebt ein Element in dieselbe Ebene wie den Dialog, ohne es zu seinem Kind zu machen: kein Beschnitt, kein z-index-Wettlauf, und der Browser raeumt ihn beim Schliessen selbst weg. Fehlt er im Browser, bleibt alles wie bisher -- ausserhalb eines Dialogs aendert sich ohnehin nichts. Die drei Zeilen in gate.css nehmen die Vorgaben zurueck, die ein Popover mitbringt (Rahmen, Polster, und "inset: 0" plus "margin: auto", was ihn in die Bildmitte stellt). UND MEINE MESSUNG WAR ZUERST FALSCH, nicht der Code: Sie fragte document.elementFromPoint und bekam DIALOG -- auch als die Liste sichtbar darueber lag. Top-Layer-Elemente erfasst elementFromPoint nicht verlaesslich. Gemessen wird jetzt, was ein Mensch tut: auf einen Eintrag tippen und nachsehen, ob er ankommt. Er kommt an ("chat -> events"), und die Liste schliesst sich danach. DAZU EINE EIGENE SCHLAMPEREI VON VORHIN: Die neuen Handy-Kacheln auf "Eure Aufgaben" hatten .7rem = 11,2 px. Die Grenze des Hauses liegt bei 11,5 px, und sie steht dort aus einem Grund -- Augenschonung ist Pflicht, nicht Geschmack. pruef-css-klassen hat es gefangen ("43 Stellen unter 11,5 px, eine mehr als die Grundlinie 42"). Genau dafuer zaehlt sie mit. Jetzt .75rem, und die Zahl steht wieder bei 42. Gemessen: 7 Messungen am Dialog ohne Befund, css-klassen wieder in Ordnung. NICHT VON HEUTE ABEND, aber gefunden: pruef-chatkachel meldet "mit allen 13 Toenen (2)". Seit Commit 7a674963 liegen die meisten Toene auf einem Ring und nur der Rest im Gitter; die Pruefung zaehlt nur das Gitter. Sie ist damit dauerhaft rot und gehoert nachgezogen. Co-Authored-By: Claude Opus 5 --- workspace/anruf-probe.html | 10 ++--- workspace/app.webmanifest | 8 ++-- workspace/assets/css/entwicklung.css | 7 +++- workspace/assets/css/gate.css | 18 +++++++++ workspace/assets/js/wahl.js | 55 ++++++++++++++++++++++++++++ workspace/aufgaben.html | 38 +++++++++---------- workspace/automation.html | 32 ++++++++-------- workspace/befinden.html | 32 ++++++++-------- workspace/bereich.html | 44 +++++++++++----------- workspace/bewerben.html | 36 +++++++++--------- workspace/bewerbungen.html | 34 ++++++++--------- workspace/calls.html | 34 ++++++++--------- workspace/chat.html | 38 +++++++++---------- workspace/content.html | 34 ++++++++--------- workspace/crew-index.html | 12 +++--- workspace/crew.webmanifest | 8 ++-- workspace/dateien.html | 34 ++++++++--------- workspace/entwicklung.html | 34 ++++++++--------- workspace/hilfe.html | 28 +++++++------- workspace/index.html | 10 ++--- workspace/kalender.html | 34 ++++++++--------- workspace/leistung.html | 32 ++++++++-------- workspace/material.html | 32 ++++++++-------- workspace/personen.html | 32 ++++++++-------- workspace/profil.html | 36 +++++++++--------- workspace/rechte.html | 32 ++++++++-------- workspace/report.html | 36 +++++++++--------- workspace/scouting.html | 32 ++++++++-------- workspace/start.html | 32 ++++++++-------- workspace/startcheck.html | 34 ++++++++--------- workspace/steckbrief.html | 36 +++++++++--------- workspace/talente.html | 34 ++++++++--------- workspace/team.html | 32 ++++++++-------- workspace/teamlage.html | 32 ++++++++-------- workspace/teilen.html | 28 +++++++------- workspace/treff-moderation.html | 30 +++++++-------- workspace/treff-regeln.html | 30 +++++++-------- workspace/uebersicht.html | 32 ++++++++-------- workspace/unsere-seiten.html | 28 +++++++------- workspace/werdegang.html | 30 +++++++-------- workspace/willkommen.html | 30 +++++++-------- workspace/wissen.html | 34 ++++++++--------- 42 files changed, 666 insertions(+), 588 deletions(-) diff --git a/workspace/anruf-probe.html b/workspace/anruf-probe.html index cc2a7d65..c5801b37 100644 --- a/workspace/anruf-probe.html +++ b/workspace/anruf-probe.html @@ -16,15 +16,15 @@ verdeckt. Gefunden hat es pruef-struktur. Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. --> - - + + - +