feat(joint-core): add directional modes to midSide anchor#3272
Merged
Geliogabalus merged 2 commits intoclientIO:masterfrom Apr 14, 2026
Merged
feat(joint-core): add directional modes to midSide anchor#3272Geliogabalus merged 2 commits intoclientIO:masterfrom
Geliogabalus merged 2 commits intoclientIO:masterfrom
Conversation
Add 'top-bottom', 'bottom-top', 'left-right', 'right-left' modes to the midSide anchor. These set the anchor side based on endType — source exits from the first side, target enters from the second. Pass endType to getMiddleSide() to support the new directional modes. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Mode name describes anchor positions, not flow direction: top-bottom = source at top, target at bottom. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Geliogabalus
approved these changes
Apr 14, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds four directional modes to the
midSideanchor:'top-bottom','bottom-top','left-right','right-left'.These modes set the anchor side based on
endType(source vs target). The mode name describes where the anchors are placed:'top-bottom'— source anchor at top, target anchor at bottom'bottom-top'— source anchor at bottom, target anchor at top'left-right'— source anchor at left, target anchor at right'right-left'— source anchor at right, target anchor at leftUseful for directed layouts (e.g. flowcharts, org charts) where links should flow in a consistent direction.
Changes
packages/joint-core/src/anchors/index.mjs— add modes toSideMode, passendTypetogetMiddleSide(), handle new modes in switchpackages/joint-core/types/joint.d.ts— add new modes toMidSideAnchorArguments.modetypeTest plan
midSidemodes (auto,horizontal,vertical, etc.) unchanged🤖 Generated with Claude Code