kylefang/react-native-web
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-web.git synced 2026-03-27 01:34:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

[fix] ResponderEventPlugin skips 'mouseup' when no touch is active

Browse Source 
Prevent the responder system recording 'mouseup' events if there is no
active 'touch'.

Fix #816
This commit is contained in:
Nicolas Gallagher
2018-02-13 13:34:49 -08:00
parent b8080ba775
commit 17f8a674b8
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react-native-web/src/modules/injectResponderEventPlugin/index.js vendored
View File

@@ -43,8 +43,8 @@ const originalExtractEvents = ResponderEventPlugin.extractEvents;
ResponderEventPlugin.extractEvents = (topLevelType, targetInst, nativeEvent, nativeEventTarget) => {
const hasActiveTouches = ResponderTouchHistoryStore.touchHistory.numberActiveTouches > 0;
if (
// Filter out mousemove events when there hasn't been a touch yet
(topLevelType === topMouseMove && !hasActiveTouches) ||
// Filter out mousemove and mouseup events when a touch hasn't started yet
((topLevelType === topMouseMove || topLevelType === topMouseUp) && !hasActiveTouches) ||
// Filter out events from wheel/middle and right click.
(nativeEvent.button === 1 || nativeEvent.button === 2)
) {

2
website/storybook/2-apis/PanResponder/examples/DraggableCircle.js
View File

@@ -71,7 +71,7 @@ export default class DraggableCircle extends PureComponent {
_handleMoveShouldSetPanResponder = (e: Object, gestureState: Object): boolean => {
// Should we become active when the user moves a touch over the circle?
return false;
return true;
};
_handlePanResponderGrant = (e: Object, gestureState: Object) => {