fix: bar piece drag-to-hit not working

[Copilot]

Dragging a piece off the bar to hit an opponent's blot had no visual feedback.

Root cause: The drag-drop-touch polyfill fires dragstart and dragenter synchronously within the same touchmove handler. React 18 batches the setSelected(-1) update from dragstart, so valid is still false when dragenter fires — the green highlight never appears on valid re-entry points.

Changes

• Point.tsx — onDragOver (fires continuously) now mirrors onDragEnter's valid && !dragOver logic. Once React flushes the batch and valid becomes true, the next dragover triggers the highlight:

  const onDragOver = useCallback((event) => {
    event.preventDefault();
    if (valid && !dragOver) {
      setDragOver(true);
      navigator.vibrate?.(Vibrations.Up);
    }
  }, [valid, dragOver])

• Piece.tsx — Added onDragEnd for bar pieces to clear selected after drag ends (previously left selected=-1 on failed drags).

Original prompt

dragging off of the bar to hit is not working

---

💬 Send tasks to Copilot coding agent from Slack and Teams to turn conversations into code. Copilot posts an update in your thread when it's finished.

[github-actions]

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-03-22 02:01 UTC

[ProLoser]

@copilot don't recalculate moves those events should not be getting fired together

[Copilot]

@copilot don't recalculate moves those events should not be getting fired together

Removed in e408de1. The index.tsx fallback recalculation is reverted — the two remaining fixes are only in Point.tsx (visual highlight via onDragOver) and Piece.tsx (onDragEnd cleanup for bar pieces).