fix(ui): prevent dropdown clipping with fixed positioning

Automatically use fixed dropdown strategy for TagsSelect inside modals Dynamically calculate fixed coordinates for Pokemon fetch results dropdown
2026-05-03 11:38:32 +08:00
parent 3ca66d7124
commit accd6f98cf
3 changed files with 92 additions and 12 deletions
--- a/frontend/src/styles/main.css
+++ b/frontend/src/styles/main.css
@@ -796,12 +796,12 @@ button:disabled,
 }

 .pokemon-fetch-results {
-  position: absolute;
-  top: calc(100% + 6px);
-  right: 0;
-  left: 0;
-  z-index: 35;
-  max-height: 260px;
+  position: fixed;
+  top: auto;
+  right: auto;
+  left: auto;
+  z-index: 80;
+  max-height: var(--pokemon-fetch-results-max-height, 260px);
  overflow-y: auto;
  display: grid;
  gap: 4px;