From 121e45d5d2222b67c2c237544a81233d29e7e4b9 Mon Sep 17 00:00:00 2001
From: Luis Leiva <103515231+leivadev@users.noreply.github.com>
Date: Wed, 10 Dec 2025 13:22:07 -0500
Subject: [PATCH] Block UI actions while GameStartingModal is visible (#2587)
(#2596)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
## Description:
- Original intent was to fix the bug where you could click and start the
next lobby game through the “Game is Starting…” modal, and while
testing, i've found the issue affected all action buttons behind the
modal, not just the lobby join button.
- Added a full-screen overlay that captures pointer events whenever
`GameStartingModal` is visible, preventing any background UI actions
until the start flow completes.
- Screenshot:
## Please complete the following:
- [x] I have added screenshots for all UI updates
- [x] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [x] I have added relevant tests to the test directory
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced
## Please put your Discord username so you can be contacted if a bug or
regression is found:
Leivadev
---
src/client/GameStartingModal.ts | 14 ++++++++++++++
1 file changed, 14 insertions(+)
diff --git a/src/client/GameStartingModal.ts b/src/client/GameStartingModal.ts
index be7827c15..b03ff77a0 100644
--- a/src/client/GameStartingModal.ts
+++ b/src/client/GameStartingModal.ts
@@ -8,6 +8,19 @@ export class GameStartingModal extends LitElement {
isVisible = false;
static styles = css`
+ .overlay {
+ display: none;
+ position: fixed;
+ inset: 0;
+ background-color: rgba(0, 0, 0, 0.3);
+ backdrop-filter: blur(4px);
+ z-index: 9998;
+ }
+
+ .overlay.visible {
+ display: block;
+ }
+
.modal {
display: none;
position: fixed;
@@ -117,6 +130,7 @@ export class GameStartingModal extends LitElement {
render() {
return html`
+