From 7976224d534ce40de631135dbe71eed10549a53b Mon Sep 17 00:00:00 2001
From: hfcRed <hfcred@gmx.net>
Date: Mon, 21 Sep 2026 16:41:40 -0400
Subject: [PATCH] Prevent content within markdown bios from leaking outside of
 the container

---
 app/features/user-page/components/Widget.module.css | 4 ++++
 app/features/user-page/components/Widget.tsx        | 2 +-
 changelog/2026-09-21-markdown-bio-leaks.md          | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 changelog/2026-09-21-markdown-bio-leaks.md

diff --git a/app/features/user-page/components/Widget.module.css b/app/features/user-page/components/Widget.module.css
index b4adedffc..8de5b8a50 100644
--- a/app/features/user-page/components/Widget.module.css
+++ b/app/features/user-page/components/Widget.module.css
@@ -7,6 +7,10 @@
 	overflow: hidden;
 }
 
+.mdBio {
+	clip-path: view-box;
+}
+
 .header {
 	display: flex;
 	align-items: center;
diff --git a/app/features/user-page/components/Widget.tsx b/app/features/user-page/components/Widget.tsx
index 79315a022..410bbf06f 100644
--- a/app/features/user-page/components/Widget.tsx
+++ b/app/features/user-page/components/Widget.tsx
@@ -88,7 +88,7 @@ export function Widget({
 				return widget.data.bio ? <article>{widget.data.bio}</article> : null;
 			case "bio-md":
 				return widget.data.bio ? (
-					<article>
+					<article className={styles.mdBio}>
 						<Markdown>{widget.data.bio}</Markdown>
 					</article>
 				) : null;
diff --git a/changelog/2026-09-21-markdown-bio-leaks.md b/changelog/2026-09-21-markdown-bio-leaks.md
new file mode 100644
index 000000000..f053ff301
--- /dev/null
+++ b/changelog/2026-09-21-markdown-bio-leaks.md
@@ -0,0 +1,5 @@
+---
+navItem: u
+type: bug
+---
+Prevent content within markdown bios on user pages from affecting the page outside of the bio container