From 44240e6840ba67a2aa1b3d12b07955398af36a1a Mon Sep 17 00:00:00 2001
From: Lucas 'Paperboy' Rose-Winters <lucas@sanguinehost.com>
Date: Wed, 22 Oct 2025 07:33:30 +1100
Subject: [PATCH] fix: debug panel close button not working

Added event.preventDefault() and event.stopPropagation() to close button handler
to prevent any interference from parent elements.

Also added pointer-events: none to button icons to ensure clicks on the icon
register on the button itself, not the <i> element.

Changes:
- src/systems/ui/debug.js: Added e.preventDefault/stopPropagation to close handler
- src/systems/ui/debug.js: Added console.log for debugging
- style.css: Added pointer-events: none to .rpg-debug-actions button i
---
 src/systems/ui/debug.js | 5 ++++-
 style.css               | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/systems/ui/debug.js b/src/systems/ui/debug.js
index ecb7a4d..2836f68 100644
--- a/src/systems/ui/debug.js
+++ b/src/systems/ui/debug.js
@@ -63,7 +63,10 @@ function setupDebugEventHandlers() {
     });
 
     // Close button
-    $('#rpg-debug-close').on('click', function() {
+    $('#rpg-debug-close').on('click', function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        console.log('[RPG Debug] Close button clicked');
         $('#rpg-debug-panel').removeClass('rpg-debug-open');
     });
 
diff --git a/style.css b/style.css
index 56d1c8a..70872c5 100644
--- a/style.css
+++ b/style.css
@@ -4884,6 +4884,10 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     transform: scale(0.95);
 }
 
+.rpg-debug-actions button i {
+    pointer-events: none; /* Prevent icon from blocking clicks */
+}
+
 .rpg-debug-logs {
     flex: 1;
     overflow-y: auto;