A second double-click on the zoomed shape shows the whole page

It used to put the camera back where it was before the first one.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Author: Jing-yilin

canvas/src/canvasClicks.ts

@@ -6,7 +6,6 @@ import type {
   TLPageId,
   TLShape,
   TLShapeId,
-  VecModel,
 } from "tldraw";
 import {
   CANVAS_FILE_SHAPE_TYPE,
@@ -64,13 +63,13 @@ export function zoomToFill(editor: Editor, id: TLShapeId, animate = true) {
  * spend on editing its text zooms it to fill the canvas. tldraw's own double-click would crop a
  * picture or, over a locked shape such as a board, drop a new text box on the canvas, so this takes the gesture over in the select tool's
  * idle state, where tldraw handles it, rather than watching for it alongside. A note, a text or a
- * label still edits its text. A second double-click on the shape it last zoomed to puts the camera
- * back where it was before, on the same page. Returns the uninstaller.
+ * label still edits its text. A second double-click on the shape it last zoomed to shows the whole
+ * page. Returns the uninstaller.
  */
 export function installDoubleClickZoom(editor: Editor) {
   const idle = editor.getStateDescendant<StateNode>("select.idle")!;
   const own = idle.onDoubleClick!;
-  let before: { id: TLShapeId; page: TLPageId; camera: VecModel } | undefined;
+  let zoomed: { id: TLShapeId; page: TLPageId } | undefined;
   idle.onDoubleClick = (info) => {
     const hit = info.phase === "down" && shapeUnderPointer(editor);
     if (
@@ -81,14 +80,13 @@ export function installDoubleClickZoom(editor: Editor) {
         !editor.canEditShape(hit))
     ) {
       const page = editor.getCurrentPageId();
-      if (before?.id === hit.id && before.page === page) {
-        editor.setCamera(before.camera, {
+      if (zoomed?.id === hit.id && zoomed.page === page) {
+        zoomed = undefined;
+        return editor.zoomToFit({
           animation: { duration: editor.options.animationMediumMs },
         });
-        before = undefined;
-        return;
       }
-      before = { id: hit.id, page, camera: editor.getCamera() };
+      zoomed = { id: hit.id, page };
       return zoomToFill(editor, hit.id);
     }
     own.call(idle, info);