1.6 KiB
1.6 KiB
| id | title | status | assignee | created_date | updated_date | labels | dependencies | priority | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| task-047 | Improve mobile touch/pen interactions across custom tools | Done | 2025-12-10 18:28 | 2025-12-10 18:28 |
|
medium |
Description
Fixed touch and pen interaction issues across all custom canvas tools to ensure they work properly on mobile devices and with stylus input.
Changes made:
- Added onTouchStart/onTouchEnd handlers to all interactive elements
- Added touchAction: 'manipulation' CSS to prevent 300ms click delay
- Increased minimum touch target sizes to 44px for accessibility
- Fixed ImageGen: Generate button, Copy/Download/Delete, input field
- Fixed VideoGen: Upload, URL input, prompt, duration, Generate button
- Fixed Transcription: Start/Stop/Pause buttons, textarea, Save/Cancel
- Fixed Multmux: Create Session, Refresh, session list, input fields
Acceptance Criteria
- #1 All buttons respond to touch on mobile devices
- #2 No 300ms click delay on interactive elements
- #3 Touch targets are at least 44px for accessibility
- #4 Image generation works on mobile
- #5 Video generation works on mobile
- #6 Transcription controls work on mobile
- #7 Terminal (Multmux) controls work on mobile
Implementation Notes
Pushed to dev branch: b6af3ec
Files modified: ImageGenShapeUtil.tsx, VideoGenShapeUtil.tsx, TranscriptionShapeUtil.tsx, MultmuxShapeUtil.tsx