diff --git a/app/composables/useKeyDown.ts b/app/composables/useKeyDown.ts index ed27242..e8f7bf7 100644 --- a/app/composables/useKeyDown.ts +++ b/app/composables/useKeyDown.ts @@ -10,7 +10,7 @@ export const useKeyDown = (callback: KeyDownCallback) => { const app = useAppStore(); const handleKeyDown = (event: KeyboardEvent) => { - if (app.lagDetected) return; + if (app.lagModalOpen) return; const ndsButton = mapCodeToNDS(event.code); if (ndsButton && document.activeElement && document.activeElement !== document.body) { diff --git a/app/pages/index.vue b/app/pages/index.vue index 7547572..972cdeb 100644 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -12,8 +12,12 @@ const lagModal = overlay.create(LazyLagModal); watch( () => app.lagDetected, - (detected) => { - if (detected) lagModal.open(); + async (detected) => { + if (detected) { + app.lagModalOpen = true; + await lagModal.open(); + app.lagModalOpen = false; + } }, ); diff --git a/app/stores/app.ts b/app/stores/app.ts index 5c3644f..384136a 100644 --- a/app/stores/app.ts +++ b/app/stores/app.ts @@ -57,6 +57,7 @@ export const useAppStore = defineStore("app", { hintsVisible: false, hintsAllowed: false, lagDetected: false, + lagModalOpen: false, }; },