Add option to disable all the extra mouse cursor shapes, on Vue nodes ( to prevent cursor flicker )

[JorgeR81]

Prerequisites

• I am running the latest version of ComfyUI
• I have searched existing issues to make sure this isn't a duplicate
• I have tested with all custom nodes disabled (see how)

What happened?

In the new Vue nodes, the small area between widgets ( highlighted in green in the image ) can be used to drag the node. But this is useless, because it's a very small area and we have larger areas we can grab to drag a node.  
And also it has disadvantage:

When we mouseover across the widgets the cursor keeps flickering, because it changes shape, as it finds these "drag" areas. 

---

I'm in Windows, and the cursor is "pointing hand" when we mouseover a widget and an "open hand" ( to drag ) in the rest of the node, for the Vue nodes.
In the Litegraph nodes there was only a single extra cursor shape: a "+" sign ( when the cursor was in the node ), so there was less flickering.

Please add an option to disable all the extra pointer shapes, on Vue nodes.
I just want to see the normal pointer arrow, like when I mouseover the graph canvas.
The Vue node already gives visual cues when we mouseover the + and - buttons in the widget, and that is enough for me.

Steps to Reproduce

Just mouseover across the widgets, in the Vue nodes.

How is this affecting you?

Crashes ComfyUI completely

ComfyUI Frontend Version

1.34.2

Browser

Chrome/Chromium

Console Errors

Logs

Additional Context

No response

┆Issue is synchronized with this Notion page by Unito

[dosubot]

There isn't currently an option to disable all extra mouse cursor shapes on Vue nodes. Cursor styles are set directly in the Vue components using CSS classes, such as in LGraphNode.vue (for the main node area), NodeWidgets.vue (for widgets), and SlotConnectionDot.vue (for connection dots). These classes include cursor-grab, cursor-grabbing, cursor-pointer, cursor-crosshair, and various resize cursors, and are applied based on node or widget state. No global setting or flag exists to turn these off—each component injects its own cursor classes as part of its template logic, and the cursor style is determined automatically by the node's state or the widget's context reference.

To implement an option to disable extra cursor shapes, you would need to add a global setting (for example, in the settings store) and then update each relevant component to conditionally apply cursor-related classes only if that setting is enabled. For example, in LGraphNode.vue, you could modify the computed cursorClass property to always return 'cursor-default' if the setting is off. Similar logic would need to be applied to widgets and connection dots reference.

There are no existing issues or merged pull requests that add this feature, but a recent PR did remove a custom cursor from the Markdown widget, showing that cursor styles are managed at the component level reference.

If you want to prototype this, start by adding a setting (e.g., disableExtraCursors) and then wrap all cursor-related class logic in each component with a check for that setting. This would allow you to restore the default pointer arrow throughout the Vue nodes UI.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}