Comfy-Org / Comfy-Org/ComfyUI_frontend

[Feature Request] Use Mask Editor on mobile (no stylus)

Open
#12,315 3 comments 0 reactions 0 assignees View on GitHub
area:mask-editor area:mobile Potential Bug
Dominant language
TypeScript
Stars
2k
Forks
702
Avg merge
1d 8h
Merged PRs (30d)
512

Description

### Prerequisites

- [x] I am running the latest version of ComfyUI
- [x] I have custom nodes enabled

### What happened?

Issue:
When using the LoadImage node and attempting to edit a mask on mobile: The image only pans around. There is no way (I can find) to draw a mask using touch only. I saw the PR about adding Android support for masking when using a stylus, but that doesn't apply to this issue [#7216](https://github.com/Comfy-Org/ComfyUI_frontend/pull/7216)

Expected behavior:
1 finger touch to draw, 2 finger touch to pan/zoom.

Attempted Solutions:
I've tried using both Chrome and Firefox on mobile.
Only solution on mobile is to VNC into a desktop machine and draw using VNC mouse, not very practical.

### Steps to Reproduce

1. Instantiate a LoadImage node
2. Load an image from file
3. Select the "Edit or mask image" half moon button
4. Swipe on the image to try to draw a mask line
5. Image pans instead of draws

### How is this affecting you?

Feature doesn't work as expected

### ComfyUI Frontend Version

1.43.18

### Browser

Firefox

### Console Errors

```javascript

```

### Logs

```shell

```

### Additional Context

OS: GrapheneOS (Android 16)
Browser: Firefox 150.0.3
Phone: Pixel Fold 1

┆Issue is synchronized with this [Notion page](https://www.notion.so/Issue-12315-Unable-to-use-Mask-Editor-on-mobile-no-stylus-3646d73d365081f09136d7af06050756) by [Unito](https://www.unito.io)

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in a LoadImage node, open the “Edit or mask image” control, and test one-finger drawing versus two-finger pan/zoom on mobile Firefox. Trace the mask editor’s touch behavior from that entry point; done means touch-only users can draw masks while two-finger gestures still pan and zoom without breaking existing stylus or desktop behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, mobile
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.