From df8b3b2f2e4e5fa6e25ac0afb488521d170f0c2f Mon Sep 17 00:00:00 2001
From: vegard <vnotnes@pm.me>
Date: Thu, 19 Mar 2026 02:56:48 +0000
Subject: [PATCH] Fiks BlockShell-knapper: stopPropagation forhindrer
 drag-capture
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Minimer, maksimer og lukk-knapper ble fanget av header-dragging
pga setPointerCapture. Nå: stopPropagation på controls-div og
individuelle knapper, pluss .closest('.blockshell-controls') sjekk.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../src/lib/components/blockshell/BlockShell.svelte  | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/blockshell/BlockShell.svelte b/frontend/src/lib/components/blockshell/BlockShell.svelte
index e397e8f..67cf216 100644
--- a/frontend/src/lib/components/blockshell/BlockShell.svelte
+++ b/frontend/src/lib/components/blockshell/BlockShell.svelte
@@ -142,9 +142,10 @@
 
 	// --- Drag (repositioning via header) ---
 	function handleDragStart(e: PointerEvent) {
-		// Only left button, not on buttons
+		// Only left button, not on buttons or controls
 		if (e.button !== 0) return;
 		if ((e.target as HTMLElement).closest('button')) return;
+		if ((e.target as HTMLElement).closest('.blockshell-controls')) return;
 
 		isDragging = true;
 		hasDragged = false;
@@ -351,11 +352,12 @@
 			<span class="blockshell-title">{title}</span>
 		</div>
 
-		<div class="blockshell-controls">
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div class="blockshell-controls" onpointerdown={(e) => e.stopPropagation()}>
 			{#if !isFullscreen}
 				<button
 					class="blockshell-btn"
-					onclick={() => onMinimizeChange?.(!minimized)}
+					onclick={(e) => { e.stopPropagation(); onMinimizeChange?.(!minimized); }}
 					title={minimized ? 'Gjenopprett' : 'Minimer'}
 					aria-label={minimized ? 'Gjenopprett panel' : 'Minimer panel'}
 				>
@@ -364,7 +366,7 @@
 			{/if}
 			<button
 				class="blockshell-btn"
-				onclick={toggleFullscreen}
+				onclick={(e) => { e.stopPropagation(); toggleFullscreen(); }}
 				title={isFullscreen ? 'Avslutt fullskjerm' : 'Fullskjerm'}
 				aria-label={isFullscreen ? 'Avslutt fullskjerm' : 'Fullskjerm'}
 			>
@@ -373,7 +375,7 @@
 			{#if closable}
 				<button
 					class="blockshell-btn blockshell-btn-close"
-					onclick={() => onClose?.()}
+					onclick={(e) => { e.stopPropagation(); onClose?.(); }}
 					title="Lukk"
 					aria-label="Lukk panel"
 				>