Frontend vueNode (node 2.0) support for mask rect area nodes#1167
Frontend vueNode (node 2.0) support for mask rect area nodes#1167ltdrdata merged 1 commit intoltdrdata:Mainfrom
Conversation
|
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 |
e2bc530 to
58c3853
Compare
## 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)
## 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)
## 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)
Frontend vueNodes (node 2.0) support.
please merge this after FE changes Comfy-Org/ComfyUI_frontend#7766