From dffafb324e4a69d4f4e9b962a2feea3a996447df Mon Sep 17 00:00:00 2001
From: Ed Geraghty <edg@privacyinternational.org>
Date: Fri, 3 Jul 2026 14:42:47 +0100
Subject: [PATCH 1/2] Track node tag popup open state

---
 src/lib/parts/NodeTagsIcon.svelte | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/lib/parts/NodeTagsIcon.svelte b/src/lib/parts/NodeTagsIcon.svelte
index a64e7e3..68cc1e5 100644
--- a/src/lib/parts/NodeTagsIcon.svelte
+++ b/src/lib/parts/NodeTagsIcon.svelte
@@ -9,16 +9,25 @@
 		id: string;
 	};
 	let { tags, id }: NodeTagsIconProps = $props();
+	let popupOpen = $state(false);
 
 	const popupHover: PopupSettings = {
 		event: 'hover',
 		target: `tags-popup-${id}`,
 		placement: 'bottom',
+		state: ({ state }) => {
+			popupOpen = state;
+		},
 	};
 </script>
 
 {#if tags.length > 0}
-	<span class="inline-flex items-center" use:popup={popupHover} data-testid="node-tags-icon">
+	<span
+		class="inline-flex items-center"
+		use:popup={popupHover}
+		data-testid="node-tags-icon"
+		data-popup-open={popupOpen}
+	>
 		<RawMdiTag class="text-warning-500 dark:text-warning-400 cursor-help" />
 	</span>
 	<div class="card p-3 variant-filled-surface shadow-xl z-50" data-popup="tags-popup-{id}">

From 4a122f335aacd83c2164101755e7792189992f92 Mon Sep 17 00:00:00 2001
From: Ed Geraghty <edg@privacyinternational.org>
Date: Fri, 3 Jul 2026 14:44:25 +0100
Subject: [PATCH 2/2] Add new style to keep tag popup uppermost on open

Breaks the link between paint layer and relative z-indicies
---
 src/lib/cards/node/NodeListCard.svelte | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/lib/cards/node/NodeListCard.svelte b/src/lib/cards/node/NodeListCard.svelte
index 1abb2a1..e5648dc 100644
--- a/src/lib/cards/node/NodeListCard.svelte
+++ b/src/lib/cards/node/NodeListCard.svelte
@@ -17,10 +17,21 @@
 
 </script>
 
+<style>
+	:global(.node-list-card) {
+		position: relative;
+		z-index: 0;
+	}
+
+	:global(.node-list-card:has([data-popup-open='true'])) {
+		z-index: 60;
+	}
+</style>
+
 <AccordionItem
 	{open}
 	bind:id={node.id}
-	class="backdrop-blur-xl backdrop-brightness-100 bg-white/25 dark:bg-white/5 rounded-md"
+	class="node-list-card backdrop-blur-xl backdrop-brightness-100 bg-white/25 dark:bg-white/5 rounded-md"
 	padding="py-4 px-4"
 	regionControl="!rounded-none"
 >