From 355e79b21166a53a5bf3915f030c1c95d985dea0 Mon Sep 17 00:00:00 2001 From: Fuwn Date: Tue, 2 Jan 2024 02:13:31 -0800 Subject: fix(hovercover): no hover null --- src/lib/Media/hoverCover.ts | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) (limited to 'src/lib/Media/hoverCover.ts') diff --git a/src/lib/Media/hoverCover.ts b/src/lib/Media/hoverCover.ts index fdf55741..d5839fa9 100644 --- a/src/lib/Media/hoverCover.ts +++ b/src/lib/Media/hoverCover.ts @@ -35,16 +35,18 @@ export const onMouseMove = (event: MouseEvent, imageWidth = 300) => { style: '' }; - image.onload = () => (response.height = image.height); - imageLeft = - event.pageX + imageWidth + offset > window.innerWidth - ? event.pageX - imageWidth - offset - : event.pageX + offset; - imageTop = - event.pageY + response.height + offset > window.innerHeight - ? event.pageY - response.height - : event.pageY + offset; - response.style = `top: ${imageTop}px; left: ${imageLeft}px;`; + if (image) { + image.onload = () => (response.height = image.height); + imageLeft = + event.pageX + imageWidth + offset > window.innerWidth + ? event.pageX - imageWidth - offset + : event.pageX + offset; + imageTop = + event.pageY + response.height + offset > window.innerHeight + ? event.pageY - response.height + : event.pageY + offset; + response.style = `top: ${imageTop}px; left: ${imageLeft}px;`; + } return response; }; -- cgit v1.2.3