fix(hovercover): image height overflowsvelteui

1 files changed, 10 insertions, 14 deletions

diff --git a/src/lib/Media/Cover/hoverCover.ts b/src/lib/Media/Cover/hoverCover.ts
index 18b04420..97a41f35 100644
--- a/src/lib/Media/Cover/hoverCover.ts
+++ b/src/lib/Media/Cover/hoverCover.ts
@@ -32,24 +32,20 @@ export const onMouseMove = (event: MouseEvent, imageWidth = 300) => {
 	const offset = 10;
 	let imageLeft = 0;
 	let imageTop = 0;
-	const image = document.getElementsByClassName('hover-image')[0] as HTMLImageElement;
 	const response: OnMouseMove = {
-		height: 0,
+		height: (document.getElementsByClassName('hover-image')[0] as HTMLImageElement).height,
 		style: ''
 	};
 
-	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;`;
-	}
+	imageLeft =
+		event.pageX + response.height + 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;
 };