timeout delay for mobile

noname0310 · Jul 14, 2023 · 5b98c9c · 5b98c9c
1 parent a8acff4
commit 5b98c9c
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/test/SceneBuilder.ts b/src/test/SceneBuilder.ts
@@ -140,8 +140,17 @@ export class SceneBuilder implements ISceneBuilder {
             const hidePlayerContainer = (): void => {
                 playerContainer.style.transform = "translateY(50%)";
             };
-            playerContainer.onmouseenter = showPlayerContainer;
-            playerContainer.onmouseleave = hidePlayerContainer;
+            let mouseLeaveTimeout: number | null = null;
+            playerContainer.onmouseenter = (): void => {
+                if (mouseLeaveTimeout !== null) {
+                    window.clearTimeout(mouseLeaveTimeout);
+                    mouseLeaveTimeout = null;
+                }
+                showPlayerContainer();
+            };
+            playerContainer.onmouseleave = (): void => {
+                mouseLeaveTimeout = window.setTimeout(hidePlayerContainer, 3000);
+            };
             hidePlayerContainer();
 
             const playerInnerContainer = document.createElement("div");