diff --git a/CHANGELOG.md b/CHANGELOG.md index f8bfa1d50..9203d6b6b 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 881e5e9ad..6f40fd4a3 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;