fix: increase Vue node resize handle size for better usability#8391
Merged
christian-byrne merged 2 commits intomainfrom Jan 29, 2026
Merged
fix: increase Vue node resize handle size for better usability#8391christian-byrne merged 2 commits intomainfrom
christian-byrne merged 2 commits intomainfrom
Conversation
Amp-Thread-ID: https://ampcode.com/threads/T-019c06fa-5949-7293-a5f6-92bce6252453 Co-authored-by: Amp <amp@ampcode.com>
dosubot
bot
added
the
size:XS
🎨 Storybook Build Status✅ Build completed successfully! ⏰ Completed at: 01/29/2026, 03:01:04 AM UTC 🔗 Links🎉 Your Storybook is ready for review! |
🎭 Playwright Tests: ✅ PassedResults: 507 passed, 0 failed, 0 flaky, 8 skipped (Total: 515) 📊 Browser Reports
|
Contributor
📝 WalkthroughWalkthroughThe pull request updates the bottom-right resize handle in LGraphNode.vue: it shifts positioning to negative offsets ( Changes
Possibly related PRs
Suggested reviewers
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
DrJKL
previously approved these changes
Jan 29, 2026
Bundle Size ReportSummary
Category Glance Per-category breakdownApp Entry Points — 26 kB (baseline 26 kB) • ⚪ 0 BMain entry bundles and manifests
Status: 1 added / 1 removed Graph Workspace — 973 kB (baseline 973 kB) • 🔴 +2 BGraph editor runtime, canvas, workflow orchestration
Status: 1 added / 1 removed Views & Navigation — 80.7 kB (baseline 80.7 kB) • ⚪ 0 BTop-level views, pages, and routed surfaces
Status: 9 added / 9 removed Panels & Settings — 471 kB (baseline 471 kB) • 🟢 -8 BConfiguration panels, inspectors, and settings screens
Status: 12 added / 12 removed User & Accounts — 3.94 kB (baseline 3.94 kB) • ⚪ 0 BAuthentication, profile, and account management bundles
Status: 3 added / 3 removed Editors & Dialogs — 2.89 kB (baseline 2.89 kB) • ⚪ 0 BModals, dialogs, drawers, and in-app editors
Status: 2 added / 2 removed UI Components — 33.7 kB (baseline 33.7 kB) • ⚪ 0 BReusable component library chunks
Status: 4 added / 4 removed Data & Services — 2.7 MB (baseline 2.7 MB) • 🔴 +1 BStores, services, APIs, and repositories
Status: 8 added / 8 removed Utilities & Hooks — 25.3 kB (baseline 25.3 kB) • ⚪ 0 BHelpers, composables, and utility bundles
Status: 7 added / 7 removed Vendor & Third-Party — 10.7 MB (baseline 10.7 MB) • ⚪ 0 BExternal libraries and shared vendor chunks
Other — 7.05 MB (baseline 7.05 MB) • 🟢 -198 BBundles that do not match a named category
Status: 34 added / 34 removed |
christian-byrne
added
needs-backport
🔧 Auto-fixes AppliedThis PR has been automatically updated to fix linting and formatting issues.
Changes made:
|
DrJKL
approved these changes
Jan 29, 2026
github-actions bot
pushed a commit
that referenced
this pull request
Jan 29, 2026
## Summary Increases the resize handle size on Vue nodes to improve usability, especially when nodes are selected. ## Changes - **What**: Increased resize handle from 12px to 20px and offset it slightly outside the node boundary to avoid overlap with selection outline ## Review Focus The resize handle was too small and became harder to grab when the node was selected (the 2px outline rendered outside the box, visually obscuring the corner). This fix increases the hit area and positions it to extend beyond the node edge. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8391-fix-increase-Vue-node-resize-handle-size-for-better-usability-2f76d73d36508136b2aac51bc0d53551) by [Unito](https://www.unito.io) --------- Co-authored-by: Subagent 5 <subagent@example.com> Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: GitHub Action <action@github.com>
github-actions bot
pushed a commit
that referenced
this pull request
Jan 29, 2026
## Summary Increases the resize handle size on Vue nodes to improve usability, especially when nodes are selected. ## Changes - **What**: Increased resize handle from 12px to 20px and offset it slightly outside the node boundary to avoid overlap with selection outline ## Review Focus The resize handle was too small and became harder to grab when the node was selected (the 2px outline rendered outside the box, visually obscuring the corner). This fix increases the hit area and positions it to extend beyond the node edge. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8391-fix-increase-Vue-node-resize-handle-size-for-better-usability-2f76d73d36508136b2aac51bc0d53551) by [Unito](https://www.unito.io) --------- Co-authored-by: Subagent 5 <subagent@example.com> Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: GitHub Action <action@github.com>
Member
|
@christian-byrne Successfully backported to #8394 |
Member
|
@christian-byrne Successfully backported to #8395 |
github-actions
bot
removed
the
needs-backport
3 tasks
AustinMroz
pushed a commit
that referenced
this pull request
Jan 29, 2026
…etter usability (#8395) Backport of #8391 to `cloud/1.38` Automatically created by backport workflow. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8395-backport-cloud-1-38-fix-increase-Vue-node-resize-handle-size-for-better-usability-2f76d73d3650813eb26af9adf00abe2e) by [Unito](https://www.unito.io) Co-authored-by: Christian Byrne <cbyrne@comfy.org> Co-authored-by: Subagent 5 <subagent@example.com> Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: GitHub Action <action@github.com>
AustinMroz
pushed a commit
that referenced
this pull request
Jan 29, 2026
…tter usability (#8394) Backport of #8391 to `core/1.38` Automatically created by backport workflow. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8394-backport-core-1-38-fix-increase-Vue-node-resize-handle-size-for-better-usability-2f76d73d365081baa796c6d8c62c4352) by [Unito](https://www.unito.io) Co-authored-by: Christian Byrne <cbyrne@comfy.org> Co-authored-by: Subagent 5 <subagent@example.com> Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: GitHub Action <action@github.com>
3 tasks
christian-byrne
added a commit
that referenced
this pull request
Jan 30, 2026
## Summary Increases the resize handle size on Vue nodes to improve usability, especially when nodes are selected. ## Changes - **What**: Increased resize handle from 12px to 20px and offset it slightly outside the node boundary to avoid overlap with selection outline ## Review Focus The resize handle was too small and became harder to grab when the node was selected (the 2px outline rendered outside the box, visually obscuring the corner). This fix increases the hit area and positions it to extend beyond the node edge. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8391-fix-increase-Vue-node-resize-handle-size-for-better-usability-2f76d73d36508136b2aac51bc0d53551) by [Unito](https://www.unito.io) --------- Co-authored-by: Subagent 5 <subagent@example.com> Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: GitHub Action <action@github.com>
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
4 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
Increases the resize handle size on Vue nodes to improve usability, especially when nodes are selected.
Changes
Review Focus
The resize handle was too small and became harder to grab when the node was selected (the 2px outline rendered outside the box, visually obscuring the corner). This fix increases the hit area and positions it to extend beyond the node edge.
┆Issue is synchronized with this Notion page by Unito