summaryrefslogtreecommitdiff
path: root/packages/frontend/src/scripts/use-chart-tooltip.ts
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-28 13:15:31 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-28 13:15:31 +0900
commitf6b1f91cfa1aafd40dd05d9803d6118141ec2d6e (patch)
treee5f543636a3e812adbe5a8a625f2b965c58752b3 /packages/frontend/src/scripts/use-chart-tooltip.ts
parentUpdate CHANGELOG.md (diff)
downloadsharkey-f6b1f91cfa1aafd40dd05d9803d6118141ec2d6e.tar.gz
sharkey-f6b1f91cfa1aafd40dd05d9803d6118141ec2d6e.tar.bz2
sharkey-f6b1f91cfa1aafd40dd05d9803d6118141ec2d6e.zip
fix(client): チャートのツールチップが画面に残ることがあるのを修正
Fix #9290
Diffstat (limited to 'packages/frontend/src/scripts/use-chart-tooltip.ts')
-rw-r--r--packages/frontend/src/scripts/use-chart-tooltip.ts6
1 files changed, 5 insertions, 1 deletions
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;