fix stopPropagation, close #11

examples/base.js

@@ -6,7 +6,7 @@ import ReactDOM from 'react-dom';
 class App extends React.Component {
   state = {
     refreshing: false,
-    switchContainer: true,
+    switchContainer: false,
   };
   componentDidMount() {
     // setTimeout(() => { this.setState({ refreshing: true }); }, 10);
@@ -39,7 +39,7 @@ class App extends React.Component {
         indicator={{ deactivate: '下拉' }}
       >
         {[1, 2, 3, 4, 5, 6, 7].map(i =>
-          <div key={i} style={{ textAlign: 'center', padding: 20 }}>item {i}</div>)}
+          <div key={i} style={{ textAlign: 'center', padding: 20 }} onClick={() => alert(1)}>item {i}</div>)}
       </PullToRefresh>
 
       <div dangerouslySetInnerHTML={{

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rmc-pull-to-refresh",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "React Mobile Pull To Refresh Component",
   "keywords": [
     "react",

src/PullToRefresh.tsx

@@ -23,6 +23,20 @@ const DOWN = 'down';
 const UP = 'up';
 const INDICATOR = { activate: 'release', deactivate: 'pull', release: 'loading', finish: 'finish' };
 
+let supportsPassive = false;
+try {
+  const opts = Object.defineProperty({}, 'passive', {
+    get() {
+      supportsPassive = true;
+    },
+  });
+  window.addEventListener('test', null as any, opts);
+} catch (e) {
+  // empty
+}
+const willPreventDefault = supportsPassive ? { passive: false } : false;
+// const willNotPreventDefault = supportsPassive ? { passive: true } : false;
+
 export default class PullToRefresh extends React.Component<PropsType, any> {
   static defaultProps = {
     prefixCls: 'rmc-pull-to-refresh',
@@ -106,7 +120,7 @@ export default class PullToRefresh extends React.Component<PropsType, any> {
       touchcancel: this.onTouchEnd.bind(this, ele),
     };
     Object.keys(this._to).forEach(key => {
-      ele.addEventListener(key, this._to[key]);
+      ele.addEventListener(key, this._to[key], willPreventDefault);
     });
   }
 
@@ -124,6 +138,7 @@ export default class PullToRefresh extends React.Component<PropsType, any> {
     this._ScreenY = this._startScreenY = e.touches[0].screenY;
     // 一开始 refreshing 为 true 时 this._lastScreenY 有值
     this._lastScreenY = this._lastScreenY || 0;
+    e.stopPropagation();
   }
 
   isEdge = (ele: any, direction: string) => {