From c6eb30cfb8b0e457a0af34b5bc192a100a70b895 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=8B=E3=81=A3=E3=81=93=E3=81=8B=E3=82=8A?=
 <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Wed, 22 Jul 2026 10:17:57 +0900
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20QR=E3=82=B3=E3=83=BC=E3=83=89?=
 =?UTF-8?q?=E3=83=AA=E3=83=BC=E3=83=80=E3=83=BC=E3=81=8C=E3=83=9A=E3=83=BC?=
 =?UTF-8?q?=E3=82=B8=E3=82=92=E9=9B=A2=E3=82=8C=E3=81=A6=E3=82=82=E5=81=9C?=
 =?UTF-8?q?=E6=AD=A2=E3=81=97=E3=81=AA=E3=81=84=E5=95=8F=E9=A1=8C=E3=82=92?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3=20(#17761)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(frontend): QRコードリーダーがページを離れても停止しない問題を修正

* Update Changelog

* fix

* fix
---
 CHANGELOG.md                            |  1 +
 packages/frontend/src/pages/qr.read.vue | 51 +++++++++++++++----------
 2 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index edcf197752..0d7908a6f9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -39,6 +39,7 @@
 - Fix: ローカルユーザーへのホスト付きメンションが本文に含まれる指名ノートの作成時、投稿フォームにて、当該ユーザーが宛先に含まれていても正しく認識されない問題を修正
 - Fix: チャートの描画終了後にリソースが解放されない問題を修正
 - Fix: ドライブの「このファイルからノートを作成」やギャラリーの「ノートで共有」、誕生日ウィジェットからのノート作成において、通常投稿の下書きが表示される問題を修正
+- Fix: QRコードリーダーがページを離れても停止しない問題を修正
 
 ### Server
 - Feat: OpenTelemetryサポート
diff --git a/packages/frontend/src/pages/qr.read.vue b/packages/frontend/src/pages/qr.read.vue
index 5e3633c052..59ded2e02d 100644
--- a/packages/frontend/src/pages/qr.read.vue
+++ b/packages/frontend/src/pages/qr.read.vue
@@ -247,24 +247,48 @@ async function toggleFlash(to = false) {
 	}
 }
 
-async function startQr() {
+// hasFlashなどの後続の処理がカメラを再起動する可能性があるため、
+// start() が完了するまでの間に停止された場合は結果を破棄する必要がある
+let initializeId = 0;
+
+function startQr() {
 	if (!scannerInstance.value) return;
-	await scannerInstance.value.start();
-	qrStarted.value = true;
+	const currentInitializeId = ++initializeId;
+	qrStarted.value = false;
+	scannerInstance.value.start()
+		.then(async () => {
+			if (currentInitializeId !== initializeId) return;
+			qrStarted.value = true;
+			if (!scannerInstance.value) return;
+			const hasFlash = await scannerInstance.value.hasFlash();
+			if (currentInitializeId !== initializeId) return;
+			flashCanToggle.value = hasFlash;
+			flash.value = scannerInstance.value.isFlashOn();
+		})
+		.catch(err => {
+			if (currentInitializeId !== initializeId) return;
+			qrStarted.value = false;
+			os.alert({
+				type: 'error',
+				text: err.toString(),
+			});
+			console.error(err);
+		});
 }
 
 function stopQr() {
+	initializeId++;
 	if (!scannerInstance.value) return;
 	scannerInstance.value.stop();
 	qrStarted.value = false;
 }
 
 onActivated(() => {
-	startQr;
+	startQr();
 });
 
 onDeactivated(() => {
-	stopQr;
+	stopQr();
 });
 
 const alertLock = ref(false);
@@ -311,21 +335,7 @@ onMounted(() => {
 		},
 	);
 
-	scannerInstance.value.start()
-		.then(async () => {
-			qrStarted.value = true;
-			if (!scannerInstance.value) return;
-			flashCanToggle.value = await scannerInstance.value.hasFlash();
-			flash.value = scannerInstance.value.isFlashOn();
-		})
-		.catch(err => {
-			qrStarted.value = false;
-			os.alert({
-				type: 'error',
-				text: err.toString(),
-			});
-			console.error(err);
-		});
+	startQr();
 });
 
 onUnmounted(() => {
@@ -334,6 +344,7 @@ onUnmounted(() => {
 		timer.value = null;
 	}
 
+	initializeId++;
 	scannerInstance.value?.destroy();
 });
 </script>