processing / processing/p5.js-web-editor

Touch on mobile/Safari browser does not work on "full" sketches

Open
#4,150 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area: Mobile Bug
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

p5.js version

2.3.0

What is your operating system?

None

Web browser and version

ios safari

Actual Behavior

In a sketch like this one, mouseX/mouseY is controlled by touch when editing and running sketch in the editor. However, in "full" mode, touch is not responsive on ios mobile.

Expected Behavior

Both /sketches/ and /gull/ URLs provide p5.js previews with the same handling of touch events

Steps to reproduce

In "full" mode of this sketch, touch is not responsive on ios mobile.

function setup() {
  createCanvas(windowWidth, windowHeight);
  background(100);
}

function draw() {
	circle(mouseX, mouseY, 20);
}

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Compare touch-event handling between the /sketches/ editor view and the /full/ preview on iOS Safari, using the linked sketch to reproduce the issue. Done means touch controls mouseX and mouseY responsively in full mode as it does in the editor.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.