@tldraw/editor 5.3.0-canary.26ec89c1864b → 5.3.0-canary.3cf7ba2fcdbb

package/dist-cjs/index.d.ts

@@ -1220,6 +1220,12 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     isDisposed: boolean;
+    /**
+     * Whether the editor is mounted.
+     *
+     * @public
+     */
+    isMounted: boolean;
     /* Excluded from this release type: _tickManager */
     /**
      * A manager for the editor's input state.

package/dist-cjs/index.js

@@ -379,7 +379,7 @@ var import_uniq = require("./lib/utils/uniq");
 var import_defaultThemes2 = require("./lib/editor/managers/ThemeManager/defaultThemes");
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/editor",
-  "5.3.0-canary.26ec89c1864b",
+  "5.3.0-canary.3cf7ba2fcdbb",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

package/dist-cjs/lib/editor/Editor.js

@@ -492,6 +492,9 @@ class Editor extends import_eventemitter3.default {
         },
         instance_page_state: {
           afterChange: (prev, next) => {
+            if (prev?.focusedGroupId !== next?.focusedGroupId) {
+              this.cancelDoubleClick();
+            }
             if (prev?.selectedShapeIds !== next?.selectedShapeIds) {
               const filtered = next.selectedShapeIds.filter((id) => {
                 let parentId = this.getShape(id)?.parentId;
@@ -564,6 +567,9 @@ class Editor extends import_eventemitter3.default {
       this.stopFollowingUser();
     }
     this.on("tick", this._flushEventsForTick);
+    this.once("mount", () => {
+      this.isMounted = true;
+    });
     this.timers.requestAnimationFrame(() => {
       this._tickManager.start();
     });
@@ -658,6 +664,12 @@ class Editor extends import_eventemitter3.default {
    * @public
    */
   isDisposed = false;
+  /**
+   * Whether the editor is mounted.
+   *
+   * @public
+   */
+  isMounted = false;
   /**
    * A manager for the editor's tick events.
    *
@@ -4234,7 +4246,21 @@ class Editor extends import_eventemitter3.default {
    */
   getSelectedShapeAtPoint(point) {
     const selectedShapeIds = this.getSelectedShapeIds();
-    return this.getCurrentPageShapesSorted().filter((shape) => shape.type !== "group" && selectedShapeIds.includes(shape.id)).reverse().find((shape) => this.isPointInShape(shape, point, { hitInside: true, margin: 0 }));
+    const margin = this.options.hitTestMargin / this.getZoomLevel();
+    const sortedShapes = this.getCurrentPageShapesSorted();
+    for (let i = sortedShapes.length - 1; i >= 0; i--) {
+      const shape = sortedShapes[i];
+      if (shape.type === "group") continue;
+      if (!selectedShapeIds.includes(shape.id)) continue;
+      if (this.getShapeGeometry(shape).hitTestPoint(
+        this.getPointInShapeSpace(shape, point),
+        margin,
+        true
+      )) {
+        return shape;
+      }
+    }
+    return void 0;
   }
   /**
    * Get the shape at the current point.