services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
842beae4193dfbb501bd8b703b07256dba709235
mtg-online-drafter/docs/development/devlog/2025-12-17-024600_mobile_long_press_preview.md

901 B
Raw Blame History

Mobile Long Press Card Preview

Status

  • Research current implementation of PackCard and CardPreview
  • Implement long-press detection in PackCard (Found existing implementation in CardPreview)
  • Prevent default browser context menu on card images
  • Trigger preview on long-press only for small screens (or generally if touch)
  • Verify implementation

Context

User reported that long-pressing a card on mobile opens the browser menu (download image context menu). Goal: Long press should show the card preview instead.

Implementation Details

  • Modified CardHoverWrapper in CardPreview.tsx to prevent contextmenu event default behavior on mobile devices when an image is present.
  • This ensures the custom long-press timer has time to trigger the preview without the system menu interfering.
  • Logic uses isMobile && hasImage to target specific scenario.