Die Reaktionstafel landete in der Spalte des Namenskreises

Filipe, mit einem Bildschirmfoto: "was ist das den fuer eine scheisse
verbesser das sofort." Darauf ein dreissig Pixel schmaler Streifen,
sechs Zeichen untereinander, ein Rollbalken daneben.

.chat-nachricht ist ein RASTER aus zwei Spalten: dreissig Pixel fuer
den Kreis mit den Initialen, der Rest fuer die Blase. Ein Kind ohne
Spaltenangabe wird automatisch in die naechste freie Zelle gesetzt --
und das ist die Spalte des Kreises. `width: min(330px, 100%)` machte
daraus brav 30 Pixel, und die Zeichen stapelten sich.

UND WARUM ES NIEMANDEM AUFGEFALLEN IST: Bei der EIGENEN Nachricht
entfaellt der Kreis, das Raster hat dann nur eine Spalte, die Tafel
bekam die volle Breite. Die Pruefung vom 14.09. hat genau diesen Fall
gemessen -- nachgemessen heute: selbst=ja, eine Spalte, 611 px. Sie
war gruen, waehrend es bei JEDER fremden Nachricht kaputt war.

Und sie hat ausserdem nur Anwesenheit geprueft ("gibt es die
Elemente", "sucht die Suche") -- nie Geometrie. Eine dreissig Pixel
breite Tafel besteht jede dieser Zeilen.

Jetzt gemessen, und zwar in BEIDEN Faellen: Breite, ob die sechs
Vorschlaege auf EINER Zeile stehen, und ob die Tafel neben dem Kreis
steht statt darunter. Dafuer schreibt der Testraum jetzt auch eine
Nachricht von jemand anderem -- ohne die gab es dort nur eigene.

GEGENPROBE (Reparatur kurz entfernt, gemessen, wieder eingesetzt):

  ohne  30 px, 6 Zeilen, +0 px   <- genau das Bildschirmfoto
  mit   330 px, 1 Zeile, +39 px

  server/pruef-chat-aufloesen.mjs   125 Pruefungen (vorher 119)
  pruef-chat-optik, pruef-chat, pruef-css-klassen -- alle in Ordnung

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/index.html

@@ -30,9 +30,9 @@
 <link rel="preload" as="image" href="assets/img/buehne/gate-hoch-580.webp"
       type="image/webp" media="(max-width: 899px)" />
 
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609151721" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609151721" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609151721" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609151730" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609151730" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609151730" />
 </head>
 
 <body class="gate">
@@ -401,6 +401,6 @@
 </main>
 </div>
 
-<script src="assets/js/gate.js?v=202609151721" defer></script>
+<script src="assets/js/gate.js?v=202609151730" defer></script>
 </body>
 </html>