fix: korrigiere die Logik zur Überprüfung von editierbaren Zielen für Paste-Events in PasteContainer und Board

Author: johappel

docs/TO-FIX/SECURITY-GARDS.md

@@ -17,7 +17,7 @@ Notwendige Fixes und ToDos für den Kanban Editor
 - ✅ Tests: `card.authorization.spec.ts` (12 Tests, alle gruen)
 
 
-### Authorization Guards for Inbound Nostr Events (Kind 8571 & 30302)
+### Authorization Guards for Inbound Nostr Events (Kind 8571 & 30302) 
 
 **Problem**
 

src/lib/components/paste/PasteContainer.svelte

@@ -24,11 +24,24 @@
         children?: import('svelte').Snippet
     } = $props();
     
+    /**
+     * Prüft ob das Paste-Target ein editierbares Feld ist (Input, Textarea, TipTap)
+     */
+    function isEditableTarget(target: EventTarget | null): boolean {
+        if (!(target instanceof HTMLElement)) return false;
+        const tag = target.tagName.toLowerCase();
+        if (tag === 'input' || tag === 'textarea') return true;
+        if (target.isContentEditable) return true;
+        if (target.closest('[contenteditable="true"], .ProseMirror, .tiptap')) return true;
+        return false;
+    }
+
     /**
      * Handler für Paste-Event auf Card
      */
     async function handleCardPaste(event: ClipboardEvent) {
         if (!cardId) return;
+        if (isEditableTarget(event.target)) return;
         
         // Verhindere Default (Browser würde Text einfügen)
         event.preventDefault();
@@ -53,6 +66,7 @@
      */
     async function handleColumnPaste(event: ClipboardEvent) {
         if (!columnId) return;
+        if (isEditableTarget(event.target)) return;
         
         // Verhindere Default
         event.preventDefault();

src/routes/cardsboard/Board.svelte

@@ -59,7 +59,13 @@
 	function isEditableTarget(target: EventTarget | null): boolean {
 		if (!(target instanceof HTMLElement)) return false;
 		const tag = target.tagName.toLowerCase();
-		return tag === 'input' || tag === 'textarea' || target.isContentEditable;
+		if (tag === 'input' || tag === 'textarea') return true;
+		// Prüfe ob das Element selbst oder ein Eltern-Element contentEditable ist
+		// (TipTap/ProseMirror setzt contentEditable auf einem Container-Div,
+		// aber das Event-Target kann ein Kind-Element wie <p>, <span> etc. sein)
+		if (target.isContentEditable) return true;
+		if (target.closest('[contenteditable="true"], .ProseMirror, .tiptap')) return true;
+		return false;
 	}
 
 	async function handleGlobalPaste(event: ClipboardEvent) {