Ethanfel/Comfyui-Workflow-Snapshot-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix timeline bar hidden behind sidebar by raising z-index

Browse Source 
ComfyUI's sidebar container uses z-index: 10. The timeline was at the
same level and lost in the stacking order. Bump timeline to z-index
1000 and set z-index 20 on the canvas parent so it forms a stacking
context above the sidebar.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ethanfel
2026-02-25 00:24:32 +01:00
parent 0b8304f458
commit 862045ecf1
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
js/snapshot_manager.js
View File

@@ -891,7 +891,7 @@ const CSS = `
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 16px; padding: 0 16px;
z-index: 10; z-index: 1000;
pointer-events: auto; pointer-events: auto;
} }
.snap-timeline-track { .snap-timeline-track {
@@ -1413,11 +1413,15 @@ function buildTimeline() {
return; return;
} }
// Ensure parent is positioned so absolute children work // Ensure parent is positioned so absolute children work, and
// sits above the ComfyUI sidebar (z-index: 10) in the stacking order
const parentPos = getComputedStyle(canvasParent).position; const parentPos = getComputedStyle(canvasParent).position;
if (parentPos === "static") { if (parentPos === "static") {
canvasParent.style.position = "relative"; canvasParent.style.position = "relative";
} }
if (!canvasParent.style.zIndex) {
canvasParent.style.zIndex = "20";
}
// Create root element // Create root element
const bar = document.createElement("div"); const bar = document.createElement("div");