Comfy-Org / Comfy-Org/ComfyUI_frontend
[Feature Request] Use Mask Editor on mobile (no stylus)
- 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
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