Fix clipping issue.

2026-07-23 07:39:58 -04:00
parent e5604cde8e
commit 65bf3bf618
2 changed files with 45 additions and 26 deletions
@@ -1399,9 +1399,11 @@ h3 {
  cursor: help;
 }

+/* Portaled to <body> and anchored to the hovered stack's viewport rect (see
+   BattlePhase) so it floats over the whole window instead of being clipped by
+   the battlefield's overflow. left/right/bottom come from inline styles. */
 .deck-peek {
-  position: absolute;
-  bottom: calc(100% + 8px);
+  position: fixed;
  z-index: 60;
  width: max-content;
  max-width: 60vw;
@@ -1410,14 +1412,7 @@ h3 {
  border-radius: 10px;
  padding: 8px 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
-}
-
-.deck-peek-left {
-  left: 0;
-}
-
-.deck-peek-right {
-  right: 0;
+  pointer-events: none;
 }

 .deck-peek-label {