From 415d4b578acdee270ddd8e887cc986f60a5797a7 Mon Sep 17 00:00:00 2001
From: Keavon Chambers <keavon@keavon.com>
Date: Mon, 22 Dec 2025 15:23:40 -0800
Subject: [PATCH] Fix markdown tooltips treating Rust type labels as HTML tags

Closes #3520, a regression introduced in #3488.
---
 frontend/src/components/floating-menus/ColorPicker.svelte | 1 +
 frontend/src/components/floating-menus/Tooltip.svelte     | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/floating-menus/ColorPicker.svelte b/frontend/src/components/floating-menus/ColorPicker.svelte
index 07abea96..a1566d1d 100644
--- a/frontend/src/components/floating-menus/ColorPicker.svelte
+++ b/frontend/src/components/floating-menus/ColorPicker.svelte
@@ -566,6 +566,7 @@
 							min={0}
 							max={255}
 							minWidth={1}
+							displayDecimalPlaces={0}
 							tooltipLabel={{ r: "Red Channel", g: "Green Channel", b: "Blue Channel" }[channel]}
 							tooltipDescription="Integers 0–255."
 						/>
diff --git a/frontend/src/components/floating-menus/Tooltip.svelte b/frontend/src/components/floating-menus/Tooltip.svelte
index 33beaaff..c9828029 100644
--- a/frontend/src/components/floating-menus/Tooltip.svelte
+++ b/frontend/src/components/floating-menus/Tooltip.svelte
@@ -36,8 +36,10 @@
 	function parseMarkdown(markdown: string | undefined): string | undefined {
 		if (!markdown) return undefined;
 
+		let text = markdown.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+
 		return (
-			markdown
+			text
 				// .split("\n")
 				// .map((line) => line.trim())
 				// .join("\n")