preventDefault inside passive event listener

[delorge]

Hello. using this component in latest Chrome causes following warning:

Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080

Stack trace:

preventDefault	@	SyntheticEvent.js:32
handleTrackMouseDown	@	input-range.js:560
handleMouseDown	@	track.js:146
handleTouchStart	@	track.js:159
ReactErrorUtils.invokeGuardedCallback	@	ReactErrorUtils.js:27
executeDispatch	@	EventPluginUtils.js:20
executeDispatchesInOrder	@	EventPluginUtils.js:23
executeDispatchesAndRelease	@	EventPluginHub.js:20
executeDispatchesAndReleaseTopLevel	@	EventPluginHub.js:20
forEachAccumulated	@	forEachAccumulated.js:16
processEventQueue	@	EventPluginHub.js:91
runEventQueueInBatch	@	ReactEventEmitterMixin.js:9
handleTopLevel	@	ReactEventEmitterMixin.js:12
handleTopLevelImpl	@	ReactEventListener.js:21
perform	@	Transaction.js:99
batchedUpdates	@	ReactDefaultBatchingStrategy.js:13
batchedUpdates	@	ReactUpdates.js:16
dispatchEvent	@	ReactEventListener.js:41

UPD: one of possible solutions is to add approptiate CSS rule to .input-range__slider

UPD2: Perhaps, touch-action: pan-x; is suitable in this case, since vertical positioning is not supported

[ost-ing]

Also have this issue, anyone have a solution ?

[ysaini4]

not yet

[zamirkhan]

We are still encountering this issue.