Compare commits

...

4 Commits

Author SHA1 Message Date
Christian Byrne
1fe77c1247 chore: restore snapshot after merge 2026-03-27 14:04:10 -07:00
Christian Byrne
e37f27889d Merge remote-tracking branch 'origin/main' into perf/contain-paint 2026-03-27 14:04:01 -07:00
Christian Byrne
36686a96f3 chore: align snapshot with main for merge 2026-03-27 14:03:55 -07:00
bymyself
3efb8713dd perf: add CSS contain:layout contain:style to node inner wrapper
Add layout and style containment to the node inner wrapper div in
LGraphNode.vue. This tells the browser it can skip re-layout and
re-style of descendant elements when only external layout changes,
reducing composite/paint overhead in large node graphs.

The outer shell already has contain-layout contain-style; this extends
the same containment to the inner content wrapper for tighter isolation.
2026-03-17 14:15:09 +00:00
3 changed files with 1 additions and 1 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 57 KiB

View File

@@ -76,7 +76,7 @@
:class="
cn(
'flex flex-1 flex-col border border-solid border-transparent bg-node-component-header-surface',
'w-(--node-width)',
'w-(--node-width) contain-layout contain-style',
!isRerouteNode && 'min-h-(--node-height) min-w-(--min-node-width)',
shapeClass,
hasAnyError && 'ring-4 ring-destructive-background',