Alexander Brown 9da82f47ef Feat: Alt+Drag to clone - Vue Nodes (#6789) ...

## Summary

Replicate the alt+drag to clone behavior present in litegraph.

## Changes

- **What**: Simplify the interaction/drag handling, now with less state!
- **What**: Alt+Click+Drag a node to clone it

## Screenshots (if applicable)



https://github.com/user-attachments/assets/469e33c2-de0c-4e64-a344-1e9d9339d528



<!-- Add screenshots or video recording to help explain your changes -->

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6789-WIP-Alt-Drag-to-clone-Vue-Nodes-2b16d73d36508102a871ffe97ed2831f)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>

2025-11-21 14:16:03 -08:00

..

adjusted-widget-value-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

batch-disconnect-links-disconnected-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

batch-move-links-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

batch-move-links-moved-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

default-chromium-2x-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

default-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

deleted-all-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

disconnected-edge-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

dragged-node1-chromium-linux.png

Feat: Alt+Drag to clone - Vue Nodes (#6789)

2025-11-21 14:16:03 -08:00

dragging-link1-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

dragging-link2-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

group-fit-to-contents-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

group-selected-nodes-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

group-title-edited-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-alt-shift-drag-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-click-node-select-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-left-drag-pan-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-middle-drag-pan-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-wheel-zoom-in-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-wheel-zoom-out-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

moved-link-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

node-title-edited-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

nodes-bypassed-chromium-linux.png

Cleanup: Removing monkeypatches for litegraph logic (#5902)

2025-10-03 21:22:42 -07:00

nodes-pinned-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

nodes-unbypassed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

nodes-unpinned-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-back-from-far-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-back-to-one-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-back-to-two-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-far-away-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-step-one-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-step-two-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-touch-mobile-chrome-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panning-when-dragging-link-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

pinned-all-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

prompt-dialog-closed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

prompt-dialog-closed-text-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

prompt-dialog-opened-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

prompt-dialog-opened-text-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-all-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-node1-chromium-2x-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-node1-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-node2-chromium-2x-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-node2-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

single-ksampler-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

single-ksampler-fit-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

single-ksampler-modified-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

snap-to-slot-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

snap-to-slot-linked-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

snapped-highlighted-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-click-node-select-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-ctrl-wheel-zoom-in-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-ctrl-wheel-zoom-out-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-initial-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-left-drag-select-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-middle-drag-pan-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-shift-wheel-pan-center-chromium-linux.png

new design for left click and wheel (#5566)

2025-09-16 20:11:17 -07:00

standard-shift-wheel-pan-left-chromium-linux.png

new design for left click and wheel (#5566)

2025-09-16 20:11:17 -07:00

standard-shift-wheel-pan-right-chromium-linux.png

new design for left click and wheel (#5566)

2025-09-16 20:11:17 -07:00

standard-space-drag-pan-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

string-input-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

string-node-id-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

text-encode-toggled-back-open-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

text-encode-toggled-off-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

unpinned-all-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-back-in-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-default-ctrl-shift-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-in-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-in-ctrl-shift-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-in-high-zoom-speed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-in-low-zoom-speed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-out-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-out-ctrl-shift-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-out-high-zoom-speed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-out-low-zoom-speed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-very-far-out-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00