aboutsummaryrefslogtreecommitdiff
path: root/src/lib
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-01-18 01:32:41 -0800
committerFuwn <[email protected]>2024-01-18 01:32:41 -0800
commitb840014c887969eb95ffddd5ef5e03420eab0b0d (patch)
tree5bfa8441bfa9947b19ffba86f950eac5cf54a273 /src/lib
parentfix(tooltip): tooltip stuck fix (diff)
downloaddue.moe-b840014c887969eb95ffddd5ef5e03420eab0b0d.tar.xz
due.moe-b840014c887969eb95ffddd5ef5e03420eab0b0d.zip
refactor(tooltip): remove unused timer
Diffstat (limited to 'src/lib')
-rw-r--r--src/lib/Tooltip/tooltip.ts23
1 files changed, 9 insertions, 14 deletions
diff --git a/src/lib/Tooltip/tooltip.ts b/src/lib/Tooltip/tooltip.ts
index f01b8d64..c4725d93 100644
--- a/src/lib/Tooltip/tooltip.ts
+++ b/src/lib/Tooltip/tooltip.ts
@@ -2,7 +2,6 @@ const tooltip = (element: HTMLElement) => {
let div: HTMLDivElement;
let title: string | null;
const offset = 10;
- let timer: number;
const above = element.getAttribute('data-tooltip-above') !== null;
const mouseEnter = (event: MouseEvent) => {
@@ -10,21 +9,19 @@ const tooltip = (element: HTMLElement) => {
element.removeAttribute('title');
- timer = window.setTimeout(() => {
- div = document.createElement('div');
- div.textContent = title;
+ div = document.createElement('div');
+ div.textContent = title;
- div.setAttribute(
- 'style',
- `position: absolute;
+ div.setAttribute(
+ 'style',
+ `position: absolute;
top: -${event.pageX - div.offsetWidth / 2}px;
left: -${event.pageY - div.offsetHeight - offset / 2}px;`
- );
+ );
- div.classList.add('card');
- div.classList.add('card-small');
- document.body.appendChild(div);
- }, 0);
+ div.classList.add('card');
+ div.classList.add('card-small');
+ document.body.appendChild(div);
};
const mouseMove = (event: MouseEvent) => {
@@ -41,8 +38,6 @@ const tooltip = (element: HTMLElement) => {
};
const mouseLeave = () => {
- clearTimeout(timer);
-
if (div) {
document.body.removeChild(div);
element.setAttribute('title', title as string);