fix(client): モバイルでタップしたときにツールチップが表示される問題を修正

This commit is contained in:
syuilo
2021-11-27 18:29:23 +09:00
parent 8e0108a0b8
commit 698e0d08a1
2 changed files with 15 additions and 0 deletions

View File

@ -1,3 +1,4 @@
import { isScreenTouching } from '@/os';
import { Ref, ref } from 'vue';
export function useTooltip(onShow: (showing: Ref<boolean>) => void) {
@ -10,6 +11,10 @@ export function useTooltip(onShow: (showing: Ref<boolean>) => void) {
close();
if (!isHovering) return;
// iOS(Androidも)では、要素をタップした直後に(おせっかいで)mouseoverイベントを発火させたりするため、その対策
// これが無いと、画面に触れてないのにツールチップが出たりしてしまう
if (!isScreenTouching) return;
const showing = ref(true);
onShow(showing);
changeShowingState = () => {