Fix duplicate content in floating event card after swipe navigation

[Copilot]

After swiping between events, tapping any marker rendered duplicate overlapping content in the card — resolved only by swiping again.

Root Cause

#event-card-peek is position: absolute; top: 0; left: 0, so clearing its inline transform leaves it sitting directly on top of #event-card-current. finishNavigation was doing exactly that after every swipe, leaving stale event content visible over whatever showEventCard rendered next.

// Before — removes inline style; peek falls back to default position (overlaps current)
peek.style.transform = '';

// After — explicitly moves peek off-screen
peek.style.transform = 'translateX(100%)';

Changes

• finishNavigation: replace peek.style.transform = '' with translateX(100%) so peek is always off-screen after a swipe completes
• showEventCard: apply the same reset so any residual peek position is cleared when opening a card fresh

Before / After

Before	After

Original prompt

tapping an event is rendering duplicate details in the card initially that's fixed by swiping to a different event

---

📱 Kick off Copilot coding agent tasks wherever you are with GitHub Mobile, available on iOS and Android.

[ProLoser]

@copilot

Here is a screenshot of the bug

[Copilot]

@copilot

...

That screenshot confirms exactly the root cause identified — #event-card-peek (position: absolute; top:0; left:0) was left at its default position after a swipe, overlapping #event-card-current with the previous event's content.

This is addressed in commit 1674c82:

• finishNavigation: peek.style.transform = '' → peek.style.transform = 'translateX(100%)'
• showEventCard: added the same reset so any residual peek position is cleared on fresh card open

Before	After

[github-actions]

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-03-18 00:10 UTC