Rotation example not work in web component
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.9k
- Forks
- 804
- PR merge metrics
- No merged PRs in 30d
Description
Use interactjs in web component with shadowRoot. the rotation example sometime works. But is difficult to start.
If I start touch with two finger at same time, it not work. Start with fast interlived taps two fingers followed by move can rotate.
(https://codepen.io/chunlinyao/pen/jOKepEa)
Expected behavior
Can rotate by two fingers.
Actual behavior
Very difficult to start. Start with fast interlived taps two fingers followed by move can rotate.
System configuration
interact.js version is 1.10.17:
Browser name and version Chrome 107.0.5304.141:
Operating System Android 10:
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the rotation example from the linked CodePen with interact.js 1.10.17 inside a shadowRoot on Chrome 107 on Android 10. Compare simultaneous two-finger touches with the interleaved-tap sequence and investigate why rotation is difficult to start; done means two fingers can reliably start rotation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100