From cce3b6826536b8b03e90040d234f81f1b4b86856 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Mon, 27 Jul 2026 01:21:57 -0400
Subject: [PATCH] fix: enforce a single open user profile preview across
 ProfilePreview instances (#27578)

---
 .../Messages/Message/ProfilePreview.svelte    | 30 ++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/channel/Messages/Message/ProfilePreview.svelte b/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
index a852c2bd48..5424cce5cb 100644
--- a/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
+++ b/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
@@ -1,6 +1,17 @@
+<script context="module" lang="ts">
+	/**
+	 * At most one user profile preview may be open across all ProfilePreview
+	 * instances. bits-ui's safe-polygon close only re-evaluates on pointermove,
+	 * so a preview can be left open when the pointer stops on a neighboring
+	 * row while still inside the previous row's grace area; opening a preview
+	 * therefore force-closes whichever one is still up.
+	 */
+	let closeActiveProfilePreview: (() => void) | null = null;
+</script>
+
 <script lang="ts">
 	import { LinkPreview } from 'bits-ui';
-	import { getContext } from 'svelte';
+	import { getContext, onDestroy } from 'svelte';
 
 	const i18n = getContext('i18n');
 	import UserStatus from './UserStatus.svelte';
@@ -13,6 +24,23 @@
 	export let sideOffset = 8;
 
 	let openPreview = false;
+
+	const closeProfilePreview = () => {
+		if (openPreview) {
+			openPreview = false;
+		}
+	};
+
+	$: if (openPreview && closeActiveProfilePreview !== closeProfilePreview) {
+		closeActiveProfilePreview?.();
+		closeActiveProfilePreview = closeProfilePreview;
+	}
+
+	onDestroy(() => {
+		if (closeActiveProfilePreview === closeProfilePreview) {
+			closeActiveProfilePreview = null;
+		}
+	});
 </script>
 
 <LinkPreview.Root openDelay={0} closeDelay={200} bind:open={openPreview}>