fix(client): チャートのツールチップが画面に残ることがあるのを修正

Fix #9290

2 files changed, 6 insertions, 1 deletions

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f8bfa1d50d..9203d6b6ba 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -64,6 +64,7 @@ You should also include the user name that made the change.
 - Client: use proxied image for instance icon @syuilo
 - Client: Webhookの編集画面で、内容を保存することができない問題を修正 @m-hayabusa
 - Client: update emoji picker immediately on all input @saschanaz
+- Client: チャートのツールチップが画面に残ることがあるのを修正 @syuilo
 
 ## 12.119.1 (2022/12/03)
 ### Bugfixes
diff --git a/packages/frontend/src/scripts/use-chart-tooltip.ts b/packages/frontend/src/scripts/use-chart-tooltip.ts
index 881e5e9ad5..6f40fd4a30 100644
--- a/packages/frontend/src/scripts/use-chart-tooltip.ts
+++ b/packages/frontend/src/scripts/use-chart-tooltip.ts
@@ -1,4 +1,4 @@
-import { onUnmounted, ref } from 'vue';
+import { onUnmounted, onDeactivated, ref } from 'vue';
 import * as os from '@/os';
 import MkChartTooltip from '@/components/MkChartTooltip.vue';
 
@@ -24,6 +24,10 @@ export function useChartTooltip(opts: { position: 'top' | 'middle' } = { positio
 		if (disposeTooltipComponent) disposeTooltipComponent();
 	});
 
+	onDeactivated(() => {
+		tooltipShowing.value = false;
+	});
+
 	function handler(context) {
 		if (context.tooltip.opacity === 0) {
 			tooltipShowing.value = false;