Skip to content

Arrow endpoint shows at shape boundary even when shape is clipped by frame #7824

@angrycaptain19

Description

@angrycaptain19

Description

When an arrow connects to a shape that is inside a frame, and that shape extends beyond the frame boundary, the arrow endpoint terminates at the shape's boundary rather than at the frame's boundary where the shape is visually clipped.

Steps to reproduce

  1. Create a frame
  2. Add a shape (e.g., a note or rectangle) inside the frame
  3. Position the shape so it extends beyond the frame boundary (it will be clipped)
  4. Draw an arrow from outside the frame, connecting to the shape

Expected behavior

The arrow should terminate at the frame boundary, since that's where the shape visually ends due to clipping.

Actual behavior

The arrow terminates at the shape's actual boundary, which is inside the frame but beyond where the shape is visible. This creates a visual disconnect where the arrow appears to point into empty space within the frame.

Screenshot

Image

Additional context

This affects the visual coherence of diagrams where frames are used to group and clip content. The current behavior technically follows the shape's geometry, but the user expectation is that arrows should respect the visual appearance of the canvas.

Metadata

Metadata

Assignees

No one assigned

    Labels

    sdkAffects the tldraw sdk

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions