natty
/
magnetar
1
0
Fork 0
Code Issues 4 Pull Requests 1 Packages Projects Releases Wiki Activity

Fixed useTooltip for elements that already exist at setup
ci/woodpecker/push/ociImagePush Pipeline is running Details

This commit is contained in:
Natty 2024-04-07 02:08:24 +02:00
parent 812d4ee6b2
commit d12b65fff7
Signed by: natty
GPG Key ID: BF6CB659ADEE60EC
1 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
fe_calckey/frontend/client/src/scripts/use-tooltip.ts
View File

@ -66,33 +66,39 @@ export function useTooltip(
close(); close();
}; };
const stop = watch( const addListeners = () => {
elRef, const el =
() => { elRef.value instanceof Element ? elRef.value : elRef.value!.$el;
if (elRef.value) { el.addEventListener("mouseover", onMouseover, {
stop(); passive: true,
const el = });
elRef.value instanceof Element el.addEventListener("mouseleave", onMouseleave, {
? elRef.value passive: true,
: elRef.value.$el; });
el.addEventListener("mouseover", onMouseover, { el.addEventListener("touchstart", onTouchstart, {
passive: true, passive: true,
}); });
el.addEventListener("mouseleave", onMouseleave, { el.addEventListener("touchend", onTouchend, { passive: true });
passive: true, el.addEventListener("click", close, { passive: true });
}); };
el.addEventListener("touchstart", onTouchstart, {
passive: true, // Can't use immediate, because of the self-reference of the watch stop handle
}); if (elRef.value) {
el.addEventListener("touchend", onTouchend, { passive: true }); addListeners();
el.addEventListener("click", close, { passive: true }); } else {
const stop = watch(
elRef,
() => {
if (elRef.value) {
stop();
addListeners();
}
},
{
flush: "post",
} }
}, );
{ }
immediate: true,
flush: "post",
}
);
onUnmounted(() => { onUnmounted(() => {
close(); close();