From 3b6d1cb4d81b96c4edce8e97fdd06816e9835bee Mon Sep 17 00:00:00 2001
From: Lilia <lilia@lirisia.net>
Date: Sun, 6 Apr 2025 22:11:37 +0900
Subject: [PATCH] Fix: Prevent UI corruption from Unicode control characters in
 usernames

---
 packages/frontend-embed/src/components/EmNote.vue         | 4 +++-
 packages/frontend-embed/src/components/EmNoteDetailed.vue | 4 +++-
 packages/frontend/src/components/MkNote.vue               | 4 +++-
 packages/frontend/src/components/MkNoteDetailed.vue       | 2 +-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/frontend-embed/src/components/EmNote.vue b/packages/frontend-embed/src/components/EmNote.vue
index f5b064c293..2eaf0633cf 100644
--- a/packages/frontend-embed/src/components/EmNote.vue
+++ b/packages/frontend-embed/src/components/EmNote.vue
@@ -21,7 +21,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<I18n :src="i18n.ts.renotedBy" tag="span" :class="$style.renoteText">
 			<template #user>
 				<EmA :class="$style.renoteUserName" :to="userPage(note.user)">
-					<EmUserName :user="note.user"/>
+					<span style="unicode-bidi: plaintext; display: inline-block;">
+						<EmUserName :user="note.user"/>
+					</span>
 				</EmA>
 			</template>
 		</I18n>
diff --git a/packages/frontend-embed/src/components/EmNoteDetailed.vue b/packages/frontend-embed/src/components/EmNoteDetailed.vue
index b39b47c065..6ae69ef6bc 100644
--- a/packages/frontend-embed/src/components/EmNoteDetailed.vue
+++ b/packages/frontend-embed/src/components/EmNoteDetailed.vue
@@ -17,7 +17,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<I18n :src="i18n.ts.renotedBy" tag="span">
 				<template #user>
 					<EmA :class="$style.renoteName" :to="userPage(note.user)">
-						<EmUserName :user="note.user"/>
+						<span style="unicode-bidi: plaintext; display: inline-block;">
+							<EmUserName :user="note.user"/>
+						</span>
 					</EmA>
 				</template>
 			</I18n>
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index ab70a11b9b..d409a1edaf 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -21,7 +21,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<I18n :src="i18n.ts.renotedBy" tag="span" :class="$style.renoteText">
 			<template #user>
 				<MkA v-user-preview="note.userId" :class="$style.renoteUserName" :to="userPage(note.user)">
-					<MkUserName :user="note.user"/>
+					<span style="unicode-bidi: plaintext; display: inline-block;">
+						<MkUserName :user="note.user"/>
+					</span>
 				</MkA>
 			</template>
 		</I18n>
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index a26eb808e4..fde2055cd1 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -25,7 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<span :class="$style.renoteText">
 			<I18n :src="i18n.ts.renotedBy" tag="span">
 				<template #user>
-					<MkA v-user-preview="note.userId" :class="$style.renoteName" :to="userPage(note.user)">
+					<MkA v-user-preview="note.userId" :class="$style.renoteName" :to="userPage(note.user)" style="unicode-bidi: plaintext; display: inline-block;">
 						<MkUserName :user="note.user"/>
 					</MkA>
 				</template>