alphard/Comfyui-LayerForge
1
0
Fork 0
mirror of https://github.com/Azornes/Comfyui-LayerForge.git synced 2026-03-25 06:22:14 -03:00
Code Issues Packages Projects Releases Wiki Activity

Enable keyboard interaction in layers panel

Browse Source 
Added tabIndex to the panel container to allow keyboard focus and attached a keydown event listener to forward keyboard events to the main interaction handler. This improves accessibility and enables keyboard-based layer deletion from the panel.
This commit is contained in:
Dariusz L
2025-07-02 09:33:13 +02:00
parent cae24310db
commit ac21aa9579
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
js/CanvasLayersPanel.js
View File

@@ -29,6 +29,7 @@ export class CanvasLayersPanel {
// Główny kontener panelu // Główny kontener panelu
this.container = document.createElement('div'); this.container = document.createElement('div');
this.container.className = 'layers-panel'; this.container.className = 'layers-panel';
this.container.tabIndex = 0; // Umożliwia fokus na panelu
this.container.innerHTML = ` this.container.innerHTML = `
<div class="layers-panel-header"> <div class="layers-panel-header">
<span class="layers-panel-title">Warstwy</span> <span class="layers-panel-title">Warstwy</span>
@@ -50,6 +51,14 @@ export class CanvasLayersPanel {
// Setup event listeners dla przycisków // Setup event listeners dla przycisków
this.setupControlButtons(); this.setupControlButtons();
// Dodaj listener dla klawiatury, aby usuwanie działało z panelu
this.container.addEventListener('keydown', (e) => {
// Przekaż zdarzenie do głównego handlera interakcji
if (this.canvas.canvasInteractions) {
this.canvas.canvasInteractions.handleKeyDown(e);
}
});
log.debug('Panel structure created'); log.debug('Panel structure created');
return this.container; return this.container;
} }