mirror of
https://github.com/Kpa-clawbot/meshcore-analyzer.git
synced 2026-07-10 10:51:46 +00:00
f66ff40a54
Red commit: 7eeeee5d76 (CI run: pending —
first PR-triggered run)
Fixes #1619
## Problem
The `feed-detail-card` popup in the Live view (the one with the ↻ Replay
button) is undraggable and frequently sits behind the legend (z=1000) in
the lower-right, leaving the Replay button unreachable.
## Fix
1. `public/live.css` — bump `.feed-detail-card` z-index from `600` →
`1050` (above legend z=1000, below mobile bottom-nav z=1100). Immediate
unblock.
2. `public/live.js` — add a `<div class="panel-header">` containing a
small title + the existing close button to the card markup; register the
card with the existing `DragManager`. The bootstrap-scoped `dragMgr` is
exposed on `window._liveDragMgr` so the popup-creation site (outside
that scope) can call `dragMgr.register(card)` after appending.
Responsive gate (`enabled` flag) is handled inside DragManager — no
extra wiring needed.
No localStorage persistence: the popup is ephemeral (dismissed on
outside-click). Initial position (`right:14px; top:50%`) unchanged —
drag is opt-in.
## Test (RED → GREEN)
Source-invariant assertions on live.css and live.js:
- `.feed-detail-card` z-index === 1050
- card markup contains `.panel-header`
- `window._liveDragMgr` is assigned
- popup-creation site calls `_liveDragMgr.register(card)`
RED commit asserts all four — failed CI as expected. GREEN commit makes
them pass.
E2E assertion added: test-issue-1619-feed-detail-card-draggable.js:36
Triage:
https://github.com/Kpa-clawbot/CoreScope/issues/1619#issuecomment-4641392168