Skip to content

Frontend vueNode (node 2.0) support for mask rect area nodes#1167

Merged
ltdrdata merged 1 commit intoltdrdata:Mainfrom
jtydhr88:vueNodes-support
Jan 2, 2026
Merged

Frontend vueNode (node 2.0) support for mask rect area nodes#1167
ltdrdata merged 1 commit intoltdrdata:Mainfrom
jtydhr88:vueNodes-support

Conversation

@jtydhr88
Copy link
Contributor

Frontend vueNodes (node 2.0) support.
please merge this after FE changes Comfy-Org/ComfyUI_frontend#7766

@andreszs
Copy link
Contributor

Hi! Just a heads up: I recently opened PR #1168 which fixes INT input handling, live preview synchronization, and layout calculations for Mask Rect Area nodes.

This PR touches frontend integration and assumes specific node dimensions and behavior. Since PR #1168 adjusts the core INT input handling and layout calculations of the affected nodes, it’s safer to review or rebase this change after #1168 is merged, to ensure it aligns with the final node behavior and avoids redundant fixes.

@jtydhr88
Copy link
Contributor Author

Hi! Just a heads up: I recently opened PR #1168 which fixes INT input handling, live preview synchronization, and layout calculations for Mask Rect Area nodes.

This PR touches frontend integration and assumes specific node dimensions and behavior. Since PR #1168 adjusts the core INT input handling and layout calculations of the affected nodes, it’s safer to review or rebase this change after #1168 is merged, to ensure it aligns with the final node behavior and avoids redundant fixes.

Thanks for update! I would like to make mine as draft, and check once yours merged, there is anything we need to make on ComfyUI frontend side

@jtydhr88 jtydhr88 marked this pull request as draft December 27, 2025 13:59
jtydhr88 added a commit to Comfy-Org/ComfyUI_frontend that referenced this pull request Jan 2, 2026
## Summary
- Fix widget callback signature to pass node as 3rd parameter for
extensions like Impact Pack
- Add triggerDraw call to update all legacy widgets when any widget
value changes
- Support computeLayoutSize for dynamic widget height calculation
- Set node.canvasHeight for extensions that rely on this property
- Use step/10 for number input buttons to match litegraph behavior

Fixes display and interaction issues with Impact Pack's Mask Rect Area
nodes.

fix #7615 and
#7616

it also requires Impact pack PR
ltdrdata/ComfyUI-Impact-Pack#1167

## Screenshots
Before


https://github.com/user-attachments/assets/eb890f7c-c1a0-4c7b-a8d7-dde304de83e4


After


https://github.com/user-attachments/assets/dad65b52-d71e-4c19-92c0-367b7dcafed0

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7766-fix-Improve-legacy-widget-compatibility-in-vueNodes-mode-2d56d73d365081b18d83f4a41ff0f377)
by [Unito](https://www.unito.io)
@jtydhr88 jtydhr88 marked this pull request as ready for review January 2, 2026 02:35
@ltdrdata ltdrdata merged commit 762fecd into ltdrdata:Main Jan 2, 2026
github-actions bot pushed a commit to Comfy-Org/ComfyUI_frontend that referenced this pull request Jan 13, 2026
## Summary
- Fix widget callback signature to pass node as 3rd parameter for
extensions like Impact Pack
- Add triggerDraw call to update all legacy widgets when any widget
value changes
- Support computeLayoutSize for dynamic widget height calculation
- Set node.canvasHeight for extensions that rely on this property
- Use step/10 for number input buttons to match litegraph behavior

Fixes display and interaction issues with Impact Pack's Mask Rect Area
nodes.

fix #7615 and
#7616

it also requires Impact pack PR
ltdrdata/ComfyUI-Impact-Pack#1167

## Screenshots
Before


https://github.com/user-attachments/assets/eb890f7c-c1a0-4c7b-a8d7-dde304de83e4


After


https://github.com/user-attachments/assets/dad65b52-d71e-4c19-92c0-367b7dcafed0

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7766-fix-Improve-legacy-widget-compatibility-in-vueNodes-mode-2d56d73d365081b18d83f4a41ff0f377)
by [Unito](https://www.unito.io)
github-actions bot pushed a commit to Comfy-Org/ComfyUI_frontend that referenced this pull request Jan 13, 2026
## Summary
- Fix widget callback signature to pass node as 3rd parameter for
extensions like Impact Pack
- Add triggerDraw call to update all legacy widgets when any widget
value changes
- Support computeLayoutSize for dynamic widget height calculation
- Set node.canvasHeight for extensions that rely on this property
- Use step/10 for number input buttons to match litegraph behavior

Fixes display and interaction issues with Impact Pack's Mask Rect Area
nodes.

fix #7615 and
#7616

it also requires Impact pack PR
ltdrdata/ComfyUI-Impact-Pack#1167

## Screenshots
Before


https://github.com/user-attachments/assets/eb890f7c-c1a0-4c7b-a8d7-dde304de83e4


After


https://github.com/user-attachments/assets/dad65b52-d71e-4c19-92c0-367b7dcafed0

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7766-fix-Improve-legacy-widget-compatibility-in-vueNodes-mode-2d56d73d365081b18d83f4a41ff0f377)
by [Unito](https://www.unito.io)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants