yx-react-template/src/course/interactions/drag-drop/collision.ts

import {
	type CollisionDetection,
	closestCenter,
	pointerWithin,
} from "@dnd-kit/core";

export const pointerWithinWithFallback: CollisionDetection = (args) => {
	const pointerCollisions = pointerWithin(args);

	if (args.pointerCoordinates) {
		return pointerCollisions;
	}

	return pointerCollisions.length > 0 ? pointerCollisions : closestCenter(args);
};