From 2c313f43e8c6eba4923e2e97693a847569a316eb Mon Sep 17 00:00:00 2001
From: Dariusz L <dl122@wp.pl>
Date: Wed, 2 Jul 2025 10:05:54 +0200
Subject: [PATCH] Enable keyboard delete in layers panel

Added keyboard event listener to allow deleting selected layers using the Delete or Backspace keys when the layers panel is focused. This improves accessibility and user experience.
---
 js/CanvasLayersPanel.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/js/CanvasLayersPanel.js b/js/CanvasLayersPanel.js
index a122fc0..8443b18 100644
--- a/js/CanvasLayersPanel.js
+++ b/js/CanvasLayersPanel.js
@@ -29,6 +29,7 @@ export class CanvasLayersPanel {
         // Główny kontener panelu
         this.container = document.createElement('div');
         this.container.className = 'layers-panel';
+        this.container.tabIndex = 0; // Umożliwia fokus na panelu
         this.container.innerHTML = `
             <div class="layers-panel-header">
                 <span class="layers-panel-title">Layers</span>
@@ -48,6 +49,15 @@ export class CanvasLayersPanel {
         
         // Setup event listeners dla przycisków
         this.setupControlButtons();
+
+        // Dodaj listener dla klawiatury, aby usuwanie działało z panelu
+        this.container.addEventListener('keydown', (e) => {
+            if (e.key === 'Delete' || e.key === 'Backspace') {
+                e.preventDefault();
+                e.stopPropagation();
+                this.deleteSelectedLayers();
+            }
+        });
         
         log.debug('Panel structure created');
         return this.container;