Bug: Moving RangeInput or RangeSelector on Chrome for Android triggers swipe-to-go-back/forward #3518
Labels
bug
issue that does not match design or documentation and requires code changes to address
hacktoberfest
PRs submitted in October (open-source celebration month)
Expected Behavior
You should be able to swipe on RangeInputs and RangeSelectors without triggering any side effects.
Actual Behavior
Swiping on them triggers the back button or forward gestures on Chrome for Android.
URL, screen shot, or Codepen exhibiting the issue
See the official RangeInput Codesandbox
https://codesandbox.io/s/github/grommet/grommet-sandbox?initialpath=rangeinput&module=%2Fsrc%2FRangeInput.js
Steps to Reproduce
Try swiping on a RangeInput or RangeSelector on Chrome Mobile with swipe gestures turned on.
Your Environment
Samsung Galaxy S10
Potential Solution
I was able to make a small modification to fix the issue - see this Codesandbox. I wrapped the RangeInput with a
div
with a passive event handler on it (sources for further reading: [1], [2])Ideal version would be to do this on the input itself instead of a container div.
The text was updated successfully, but these errors were encountered: