react-component / react-component/slider
Chrome / Edge giving error "Unable to preventDefault inside passive event listener invocation." on testing mobile view
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.1k
- Forks
- 768
- Avg merge
- 11d 22h
- Merged PRs (30d)
- 5
Description
I'm working on a company project where the amount of handles vary by an option picked from a dropdown. When trying to modify the styles to fit for mobile views, I happen to see this behaviour on Chrome / Edge, but on Firefox it just shows a warning. It only happens when mobile view of Chrome inspector is activated. I'm pretty sure I have not changed any value concerning { touch-action }. When I check some examples from https://slider-react-component.vercel.app/demo/range, I see that it gives no error at all. Is it because of the version of React I'm using ? The react version I'm using is 17.0.2. Is there a possible way to fix it ?
A further question, in case of failing to make this error disappear, Is it ok to ignore it ?
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 reported error in Chrome or Edge with the browser's mobile emulation enabled, using the slider demo linked in the issue as a comparison. Check the slider's touch and event-handling entry points against React 17.0.2; done means identifying whether the warning is caused by this project and documenting or resolving the browser-specific behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100