diff options
| author | Fuwn <[email protected]> | 2024-01-18 01:32:41 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-18 01:32:41 -0800 |
| commit | b840014c887969eb95ffddd5ef5e03420eab0b0d (patch) | |
| tree | 5bfa8441bfa9947b19ffba86f950eac5cf54a273 /src/lib | |
| parent | fix(tooltip): tooltip stuck fix (diff) | |
| download | due.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.ts | 23 |
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); |