Der Discord-Beitrag war nie zu sehen -- er wurde im selben Atemzug angehaengt und weggeraeumt

GEFUNDEN DURCH EINEN HINWEIS AUS DEM ANDEREN HAUS. Die Crew-Sitzung hat
heute eine Hilfe gebaut, die getippten Text ueber das Neuzeichnen
rettet, und dazugeschrieben: "Falls dir in bereich.js dasselbe begegnet
-- Liste wird neu gebaut, Feld darin entsteht neu." Genau das war hier
der Fall, nur mit einer Ausgabe statt einer Eingabe.

DER FEHLER: `beitragZeigen()` hing den fertigen Discord-Beitrag an das
DOM-Element der Kachel. Direkt danach lief `await laden()` -- die
Kachel muss ja "Link kopieren" statt "Teilen" anzeigen --, und `laden()`
leert die ganze Liste. Der Kasten wurde also im selben Atemzug
angehaengt und weggeraeumt.

GEMESSEN, NICHT VERMUTET: Die neue Pruefung fand ihn schon 600 ms nach
dem Druck nicht mehr. Beim Zusehen faellt das nicht auf -- es geht zu
schnell --, und die Zwischenablage stimmte ja. Es waere also als "steht
sichtbar unter der Kachel" in die Welt gegangen, ohne je gestimmt zu
haben. Ich hatte es genau so gemeldet.

DIE BEHEBUNG: Der Beitrag steht jetzt in `beitraege`, einer Liste je
Eintragsnummer, und `karte()` haengt ihn beim Bauen wieder an. Damit
uebersteht er beliebig viele Neuzeichnungen -- bis ihn jemand
schliesst, und dann wird er auch aus dem Gedaechtnis genommen, sonst
stuende er beim naechsten Mal wieder da.

NICHT DIESELBE SACHE WIE `getippt.js`: Dort wird ein EINGABEFELD an
einen Serverwert gebunden. Hier ist es eine AUSGABE ohne Serverfeld --
der Baustein haette nichts zu binden. Die Erkenntnis dahinter traegt
trotzdem: Was ein Neuzeichnen ueberleben soll, darf nicht im DOM
wohnen.

DIE PRUEFUNG MISST BEIDES, nicht nur eines: dass der Kasten erscheint
UND dass er nach dem Neuzeichnen noch da ist. "Er erscheint" allein
waere gruen gewesen, auch bei einem Kasten, der einen
Sekundenbruchteil spaeter weg ist. Dazu, dass Schliessen wirklich
schliesst. Sie war vor der Behebung rot (5 Fehler) und ist danach
gruen -- die Gegenprobe steckt also im Ablauf selbst.

GEPRUEFT: 190 (Kachel, +8), struktur, css-klassen. Stempel neu gesetzt,
weil bereich.js sich geaendert hat.

PARALLELE ARBEIT: Die Crew-Sitzung hat vorher ausgeliefert (ab204e96)
und ist fertig; die Arbeitskopie war sauber, als ich angefangen habe.

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

workspace/assets/js/bereich.js

@@ -1214,9 +1214,39 @@
      `readOnly` STATT `disabled`: Ein abgeschaltetes Textfeld
      lässt sich nicht markieren, und genau das will man hier
      notfalls tun. */
-  function beitragZeigen(karteEl, text, kopiert, weg) {
-    if (!karteEl) return;
-    karteEl.querySelector('.ev-beitrag')?.remove();
+  /* ---- DER BEITRAG GEHOERT AN DEN EINTRAG, NICHT AN DIE KACHEL
+         (berichtigt 08.10.2026) ------------------------------------
+
+     ZUERST HING ER AM DOM-ELEMENT -- und war damit nie zu sehen.
+     Nach dem Teilen laedt das Brett neu (die Kachel muss ja „Link
+     kopieren" statt „Teilen" anzeigen), und `laden()` leert dabei
+     die ganze Liste. Der Kasten wurde also im selben Atemzug
+     angehaengt und weggeraeumt.
+
+     GEMESSEN, NICHT VERMUTET: Die Pruefung fand ihn schon 600 ms
+     nach dem Druck nicht mehr. Beim Zusehen faellt das nicht auf --
+     es geht zu schnell --, und die Zwischenablage stimmte ja. Es
+     waere also als „steht sichtbar unter der Kachel" in die Welt
+     gegangen, ohne je gestimmt zu haben.
+
+     Jetzt steht der Beitrag in `beitraege`, einer Liste je
+     Eintragsnummer, und `karte()` haengt ihn beim Bauen wieder an.
+     Damit uebersteht er beliebig viele Neuzeichnungen -- bis ihn
+     jemand schliesst.
+
+     DASSELBE MUSTER WIE `getippt.js` AUS DEM ANDEREN HAUS, aber
+     nicht dieselbe Sache: Dort wird ein EINGABEFELD an einen
+     Serverwert gebunden, damit Getipptes nicht verschwindet. Hier
+     ist es eine AUSGABE, die kein Serverfeld hat. Der Baustein
+     haette hier nichts zu binden; die Erkenntnis dahinter schon --
+     was ein Neuzeichnen ueberleben soll, darf nicht im DOM
+     wohnen. */
+  const beitraege = new Map();
+
+  function beitragKasten(id) {
+    const b = beitraege.get(id);
+    if (!b) return null;
+    const { text, kopiert, weg } = b;
     const kasten = el('section', 'ev-beitrag');
     const kopf = el('div', 'ev-beitrag__kopf');
     kopf.append(el('h4', 'ev-beitrag__schild', 'Beitrag für Discord'));
@@ -1253,7 +1283,11 @@
     const zu = el('button', 'knopf knopf--klein');
     zu.type = 'button';
     zu.textContent = 'schließen';
-    zu.addEventListener('click', () => kasten.remove());
+    /* SCHLIESSEN HEISST WIRKLICH WEG. Nur das Element zu entfernen
+       haette gereicht, solange der Kasten im DOM wohnte -- jetzt
+       muss er auch aus dem Gedaechtnis, sonst steht er beim
+       naechsten Neuzeichnen wieder da. */
+    zu.addEventListener('click', () => { beitraege.delete(id); kasten.remove(); });
     reihe.append(zu);
 
     /* DIE ZEICHENZAHL STEHT DABEI. Discord nimmt 2000 je
@@ -1273,8 +1307,7 @@
     hinweis.append(a);
     kasten.append(hinweis);
 
-    karteEl.append(kasten);
-    feld.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+    return kasten;
   }
 
   function karte(e) {
@@ -2345,13 +2378,22 @@
         /* UND ER WIRD GEZEIGT. Ein Text in der Zwischenablage,
            den man nicht gesehen hat, fügt man blind ein -- und
            merkt erst in Discord, wenn etwas fehlt. */
-        beitragZeigen(k, inhalt, kopiert, r.weg);
+        /* ABLEGEN, DANN NEU LADEN -- in dieser Reihenfolge. `laden()`
+           baut die Liste neu, und `karte()` haengt den Beitrag dabei
+           an. Umgekehrt (erst laden, dann anhaengen) haette er an
+           einer Kachel gehangen, die gleich wieder weg ist -- genau
+           der Fehler, der hier behoben wurde. */
+        beitraege.set(e.id, { text: inhalt, kopiert, weg: r.weg });
         melde(kopiert
           ? (r.text
             ? 'Fertiger Beitrag kopiert — in Discord einfügen.'
             : `Link kopiert — in Discord einfügen: ${r.weg}`)
           : 'Der Beitrag steht unten zum Kopieren.');
         await laden();
+        /* ERST JETZT HINSCHAUEN. Vor dem Neuzeichnen gaebe es noch
+           nichts, wohin man scrollen koennte. */
+        document.querySelector('.ev-beitrag')
+          ?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
       }, 'schritt--teilen'));
       /* ---- UND WOHIN GEHÖRT ES? (07.10.2026) --------------------
 
@@ -2460,6 +2502,11 @@
     fuss.append(knoepfe);
     k.append(fuss);
 
+    /* Der fertige Discord-Beitrag, falls einer offen ist.
+       Begruendung oben bei `beitraege`. */
+    const beitrag = beitragKasten(e.id);
+    if (beitrag) k.append(beitrag);
+
     return k;
   }