Comfy-Org / Comfy-Org/ComfyUI_frontend

Disable widget selecion if nodes are zoomed out ( this will improve the right side panel functionality )

Open
#7,163 1 comment 2 reactions 0 assignees View on GitHub
area:nodes area:ui
Dominant language
TypeScript
Stars
2k
Forks
699
Avg merge
1d 7h
Merged PRs (30d)
490

Description

### Is there an existing issue for this?

- [x] I have searched the existing issues and checked the recent builds/commits

### What problem are you experiencing?

When the notes are zoomed out, we don't need to mouse click on individual widgets.

We just need to click to select the whole node, either to:
- move the node
- use the new right side panel

In large workflows, instead of constantly zooming in and out, we can use the new right side panel to keep the workflow zoomed out and click the node to see the widgets in the right side panel.

But currently this is hard to do, because we can still accidentally click widgets, even if they are very small. So, instead of selecting the node we may accidentally change widget values, that we cant even see.

![Image](https://github.com/user-attachments/assets/431b3740-4bd5-45a7-930e-382571d1083e)

### When does this problem occur?

When nodes zoomed out.

### How often do you encounter this problem?

Daily

### How much does this problem affect your workflow?

Causes moderate inconvenience

### Current workarounds

_No response_

### Ideas for solutions (Optional)

At a certain zoom out level, disable widget selection.

And, at the same time, you can also stop rendering individual widgets.
Show only the node's outlines.

### Additional context

_No response_

┆Issue is synchronized with this [Notion page](https://www.notion.so/Issue-7163-Disable-widget-selecion-if-nodes-are-zoomed-out-this-will-improve-the-right-side-pan-2bf6d73d365081e69ba5f8b3321a1427) by [Unito](https://www.unito.io)

Contributor guide

Open the contributing guide

Research direction

Search the frontend for node and widget selection handling, zoom thresholds, and the right side panel behavior. Confirm how zoomed-out nodes are currently rendered and selected. Done means that, below an appropriate zoom level, clicking selects or moves the whole node without changing widget values, while the right side panel remains usable.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.