fix(dialog): stack PrimeVue overlays and KeybindingPanel context menu above Reka Settings

Settings dialog (now Reka, z-1700 in Phase 3) blocked clicks on nested
PrimeVue Selects/dialogs and the KeybindingPanel context menu (z-1200)
because they rendered below it.

- PrimeVue zIndex modal/overlay/menu/tooltip -> 1800 (above Reka 1700)
- KeybindingPanel ContextMenuContent z-1200 -> z-1800
This commit is contained in:
dante01yoon
2026-05-13 07:44:47 +09:00
parent 385069682f
commit bfcc338d22
2 changed files with 7 additions and 1 deletions

View File

@@ -244,7 +244,7 @@
<ContextMenuPortal>
<ContextMenuContent
:style="keybindingOverlayContentStyle"
class="z-1200 min-w-56 rounded-lg border border-border-subtle bg-base-background px-2 py-3 shadow-interface"
class="z-1800 min-w-56 rounded-lg border border-border-subtle bg-base-background px-2 py-3 shadow-interface"
>
<ContextMenuItem
class="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 text-sm text-text-primary outline-none select-none hover:bg-node-component-surface-hovered focus:bg-node-component-surface-hovered data-disabled:cursor-default data-disabled:opacity-50"

View File

@@ -85,6 +85,12 @@ app.directive('tooltip', Tooltip)
app
.use(router)
.use(PrimeVue, {
zIndex: {
modal: 1800,
overlay: 1800,
menu: 1800,
tooltip: 1800
},
theme: {
preset: ComfyUIPreset,
options: {