Exit crop mode when clicking outside the shape being cropped

️: clicking from a cropping shape into another image and staying in cropping mode is very confusing. Let's have clicking anywhere outside of the cropping shape (including on other images) just stop cropping

---

While cropping an image, clicking another croppable shape keeps crop mode active and switches the crop target, which is confusing. Clicking anywhere outside the shape being cropped should exit crop mode, including clicks on other images, other shapes, and empty canvas. The same click should select the other shape after exiting crop mode; no second click is required. Another shape should never become the crop target merely because it was clicked while cropping the first one.

Current behavior

select.crop.idle re-targets cropping on pointer down over any other croppable shape, in packages/tldraw/src/lib/tools/SelectTool/childStates/Crop/children/Idle.ts:

if (this.editor.getShapeUtil(info.shape)?.canCrop(info.shape)) {
	this.editor.setCroppingShape(info.shape.id)
	this.editor.setSelectedShapes([info.shape.id])
	this.editor.setCurrentTool('select.crop.pointing_crop', info)
}

Non-croppable shapes already fall through to this.cancel(), which exits crop mode and re-dispatches the event. The request is to take that path for every shape that isn't the current crop target.

Related: #8817 proposes limiting crop-target switching to fully visible shapes; this request removes the switching behavior altogether.

Open questions

1. Should the click that exits cropping also select the other shape, or only exit cropping and require a second click to select it? Select the other shape with the same click that exits cropping.

Confidence: 98%, ready to get started.