I'm no frontend dev but I see z-index:9999 on the .diagram-zoom-overlay but not on the .diagram-zoom-controls:
|
.diagram-zoom-overlay { |
|
position: fixed; |
|
inset: 0; |
|
z-index: 9999; |
|
background: rgba(0, 0, 0, 0.85); |
|
backdrop-filter: blur(4px); |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.diagram-zoom-controls { |
|
display: flex; |
|
gap: 8px; |
|
padding: 8px 12px; |
|
background: #161b22; |
|
border-bottom: 1px solid #30363d; |
|
} |
In practice, the SVG of the diagram is above the controls, so if you drag the diagram up (or zoom in) it will cover the controls

Copying the z-index directive to the controls seems to fix this but I am unsure if that is the best approach

I'm no frontend dev but I see
z-index:9999on the.diagram-zoom-overlaybut not on the.diagram-zoom-controls:skills/.github/plugins/deep-wiki/commands/build.md
Lines 513 to 522 in 5a6104b
skills/.github/plugins/deep-wiki/commands/build.md
Lines 533 to 539 in 5a6104b
In practice, the SVG of the diagram is above the controls, so if you drag the diagram up (or zoom in) it will cover the controls