From b63744834db2d7b92ef7dc97f5770c9b491e3f84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20=C5=BBo=C5=82dak?=
 <70640336+M-Zoldak@users.noreply.github.com>
Date: Fri, 19 Dec 2025 01:21:27 +0100
Subject: [PATCH] fix: area right from control-panel is clickable (#2640)

If this PR fixes an issue, link it below. If not, delete these two
lines.
Resolves #[2638](https://github.com/openfrontio/OpenFrontIO/issues/2638)

## Description:

Describe the PR.

## 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:

Not on discord yet, but this bug makes me crazy. :)

Edit:
Also, I wasn't sure from which branch to start from.
---
 src/client/graphics/layers/ControlPanel.ts | 1 +
 src/client/index.html                      | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/client/graphics/layers/ControlPanel.ts b/src/client/graphics/layers/ControlPanel.ts
index 61881f4c4..29fec73d8 100644
--- a/src/client/graphics/layers/ControlPanel.ts
+++ b/src/client/graphics/layers/ControlPanel.ts
@@ -164,6 +164,7 @@ export class ControlPanel extends LitElement implements Layer {
           ? "w-full sm:max-w-[320px] text-sm sm:text-base bg-gray-800/70 p-2 pr-3 sm:p-4 shadow-lg sm:rounded-lg backdrop-blur"
           : "hidden"}"
         @contextmenu=${(e: MouseEvent) => e.preventDefault()}
+        style="pointer-events: auto;"
       >
         <div class="block bg-black/30 text-white mb-4 p-2 rounded">
           <div class="flex justify-between mb-1">
diff --git a/src/client/index.html b/src/client/index.html
index 25e78d8ca..c3c75abf8 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -364,7 +364,7 @@
         <chat-display></chat-display>
         <events-display></events-display>
       </div>
-      <div style="pointer-events: auto">
+      <div>
         <control-panel></control-panel>
       </div>
     </div>