erhear

public/js/quickmenu/carddeck.js

@@ -726,9 +726,13 @@ async function createDeck(name) {
     }
     const deck = await res.json();
     await loadDecks();
-    currentDeckId = null;
+
-    renderDeckSelect();
+    // Neues Deck direkt auswählen
+    currentDeckId = deck.id;
     deckCards = [];
+    renderDeckSelect();
+
+    // Deck-Grid leeren + Info setzen
     document.getElementById("kd-deck-grid").innerHTML =
       `<div class="kd-empty-deck">Deck ist leer.<br>Klicke links auf eine Karte um sie hinzuzufügen.</div>`;
     document.getElementById("kd-deck-info").innerHTML =
@@ -857,9 +861,10 @@ function renderPagination(pagination, totalPages, total) {
    EVENTS (Shell-Ebene)
 ══════════════════════════════════════════════ */
 function attachShellEvents() {
-  // Deck-Auswahl
+  // Deck-Auswahl – direkt auf Element, kein document-Listener
-  document.addEventListener("change", async (e) => {
+  const sel = document.getElementById("kd-deck-select");
-    if (e.target.id !== "kd-deck-select") return;
+  if (sel) {
+    sel.addEventListener("change", async (e) => {
       const val = parseInt(e.target.value);
       if (!val) {
         currentDeckId = null;
@@ -873,12 +878,13 @@ function attachShellEvents() {
       currentDeckId = val;
       await loadDeckCards(currentDeckId);
     });
+  }
 
-  // Neues Deck
+  // Neues Deck – direkt auf Button, kein document-Listener
-  document.addEventListener("click", (e) => {
+  const btnNew = document.getElementById("kd-btn-new-deck");
-    if (e.target.id !== "kd-btn-new-deck") return;
+  if (btnNew) {
-    showNewDeckModal();
+    btnNew.addEventListener("click", () => showNewDeckModal());
-  });
+  }
 }
 
 /* ══════════════════════════════════════════════