xorbitlab
/
metube
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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).
This commit is contained in:
tigerenwork 2026-08-13 00:44:16 +08:00
parent 3aa106f003
commit 17438665be
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/src/styles.sass
View File

@ -24,3 +24,10 @@ input, select
font-family: var(--font-mono)
font-variant-numeric: tabular-nums
letter-spacing: 0
// ng-select dropdown appended to <body> 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