From 17438665be7fdee9d88f8a0b4f0a82d4d3a70f8a Mon Sep 17 00:00:00 2001 From: tigerenwork Date: Thu, 13 Aug 2026 00:44:16 +0800 Subject: [PATCH] Fix ng-select dropdown hidden behind organize modal ng-select v14 injects its own .ng-dropdown-panel { z-index: 1050 } component style after the global styles, so it wins the cascade against a plain global rule. Use a 'body > .ng-dropdown-panel' selector (the panel is appended to body) to beat it on specificity and lift the panel above the Bootstrap modal (z-index 1055). --- ui/src/styles.sass | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/ui/src/styles.sass b/ui/src/styles.sass index 301fd8d..d1f8cc6 100644 --- a/ui/src/styles.sass +++ b/ui/src/styles.sass @@ -24,3 +24,10 @@ input, select font-family: var(--font-mono) font-variant-numeric: tabular-nums letter-spacing: 0 + +// ng-select dropdown appended to must sit above Bootstrap modals (z-index 1055). +// ng-select's own component styles set .ng-dropdown-panel { z-index: 1050 } and are +// injected after global styles, so a plain `.ng-dropdown-panel` rule would lose the +// cascade — the `body >` selector wins on specificity instead. +body > .ng-dropdown-panel + z-index: 1060