antvis / antvis/Graphin

Touches events on nodes not working properly

Open
#531 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.1k
Forks
275
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

When I try to listen to the events of touch end it does not fire the event

### Example
![Screenshot 2024-04-05 223022](https://github.com/antvis/Graphin/assets/65743818/06293376-37d1-4f7f-b747-091bff2544dc)

### Your Example Website or App

https://codesandbox.io/p/sandbox/graphin-event-issue-nph8d2?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clunhhk3900063j6ga3t4xcj5%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clunhhk3800023j6gb7qjou89%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clunhhk3800033j6gnojcibah%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clunhhk3900053j6g4tk4arma%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clunhhk3800023j6gb7qjou89%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clunhhk3800013j6ghodzigvn%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clunhhk3800023j6gb7qjou89%2522%252C%2522activeTabId%2522%253A%2522clunhhk3800013j6ghodzigvn%2522%257D%252C%2522clunhhk3900053j6g4tk4arma%2522%253A%257B%2522id%2522%253A%2522clunhhk3900053j6g4tk4arma%2522%252C%2522activeTabId%2522%253A%2522clunhplha00233j6gzgywa3z3%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522id%2522%253A%2522clunhplha00233j6gzgywa3z3%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522clunhhk3800033j6gnojcibah%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clunhhk3800033j6gnojcibah%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

### Steps to Reproduce the Bug or Issue

1. On a use effect, listes to the node events
2. Use the device emulation on your prefered browser

### Expected behavior

I expect the node:touchmove event to fire more often and the node:touchend to fire at least once

### Screenshots or Videos

https://github.com/antvis/Graphin/assets/65743818/2545c91e-79ff-4024-96ba-94054c447116

### Platform

- OS: Windows
- Browser: Edge
- Version: 12.0.1704.0

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the node touch events in the linked CodeSandbox, using its src/index.tsx and browser device emulation. Trace the node:touchmove and node:touchend behavior and verify that touchmove fires more often and touchend fires at least once on the affected setup.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.