fix mouse events on mobile devices

- remove check for mobile flag in mouse event handlers
- remove workaround fake mousemove event in chrome browser https://code.google.com/p/chromium/issues/detail?id=161464 because it prevents mouse events working on Android mobile devices

src/Stage.js

@@ -396,43 +396,27 @@
       }
     },
     _mouseover: function(evt) {
-      if (!Konva.UA.mobile) {
+      this._setPointerPosition(evt);
-        this._setPointerPosition(evt);
+      this._fire(CONTENT_MOUSEOVER, { evt: evt });
-        this._fire(CONTENT_MOUSEOVER, { evt: evt });
-      }
     },
     _mouseout: function(evt) {
-      if (!Konva.UA.mobile) {
+      this._setPointerPosition(evt);
-        this._setPointerPosition(evt);
+      var targetShape = this.targetShape;
-        var targetShape = this.targetShape;
 
-        if (targetShape && !Konva.isDragging()) {
+      if (targetShape && !Konva.isDragging()) {
-          targetShape._fireAndBubble(MOUSEOUT, { evt: evt });
+        targetShape._fireAndBubble(MOUSEOUT, { evt: evt });
-          targetShape._fireAndBubble(MOUSELEAVE, { evt: evt });
+        targetShape._fireAndBubble(MOUSELEAVE, { evt: evt });
-          this.targetShape = null;
+        this.targetShape = null;
-        }
-        this.pointerPos = undefined;
-
-        this._fire(CONTENT_MOUSEOUT, { evt: evt });
       }
+      this.pointerPos = undefined;
+
+      this._fire(CONTENT_MOUSEOUT, { evt: evt });
     },
     _mousemove: function(evt) {
       // workaround for mobile IE to force touch event when unhandled pointer event elevates into a mouse event
       if (Konva.UA.ieMobile) {
         return this._touchmove(evt);
       }
-      // workaround fake mousemove event in chrome browser https://code.google.com/p/chromium/issues/detail?id=161464
-      if (
-        (typeof evt.movementX !== 'undefined' ||
-          typeof evt.movementY !== 'undefined') &&
-        evt.movementY === 0 &&
-        evt.movementX === 0
-      ) {
-        return null;
-      }
-      if (Konva.UA.mobile) {
-        return null;
-      }
       this._setPointerPosition(evt);
       var shape;
 
@@ -485,27 +469,25 @@
       if (Konva.UA.ieMobile) {
         return this._touchstart(evt);
       }
-      if (!Konva.UA.mobile) {
+      this._setPointerPosition(evt);
-        this._setPointerPosition(evt);
+      var shape = this.getIntersection(this.getPointerPosition());
-        var shape = this.getIntersection(this.getPointerPosition());
 
-        Konva.listenClickTap = true;
+      Konva.listenClickTap = true;
 
-        if (shape && shape.isListening()) {
+      if (shape && shape.isListening()) {
-          this.clickStartShape = shape;
+        this.clickStartShape = shape;
-          shape._fireAndBubble(MOUSEDOWN, { evt: evt });
+        shape._fireAndBubble(MOUSEDOWN, { evt: evt });
-        } else {
+      } else {
-          this._fire(MOUSEDOWN, {
+        this._fire(MOUSEDOWN, {
-            evt: evt,
+          evt: evt,
-            target: this,
+          target: this,
-            currentTarget: this
+          currentTarget: this
-          });
+        });
-        }
-
-        // content event
-        this._fire(CONTENT_MOUSEDOWN, { evt: evt });
       }
 
+      // content event
+      this._fire(CONTENT_MOUSEDOWN, { evt: evt });
+
       // always call preventDefault for desktop events because some browsers
       // try to drag and drop the canvas element
       // TODO: if we preventDefault() it will cancel event detection outside of window inside iframe
@@ -520,76 +502,74 @@
       if (Konva.UA.ieMobile) {
         return this._touchend(evt);
       }
-      if (!Konva.UA.mobile) {
+      this._setPointerPosition(evt);
-        this._setPointerPosition(evt);
+      var shape = this.getIntersection(this.getPointerPosition()),
-        var shape = this.getIntersection(this.getPointerPosition()),
+        clickStartShape = this.clickStartShape,
-          clickStartShape = this.clickStartShape,
+        clickEndShape = this.clickEndShape,
-          clickEndShape = this.clickEndShape,
+        fireDblClick = false,
-          fireDblClick = false,
+        dd = Konva.DD;
-          dd = Konva.DD;
 
-        if (Konva.inDblClickWindow) {
+      if (Konva.inDblClickWindow) {
-          fireDblClick = true;
+        fireDblClick = true;
-          clearTimeout(this.dblTimeout);
+        clearTimeout(this.dblTimeout);
-          // Konva.inDblClickWindow = false;
+        // Konva.inDblClickWindow = false;
-        } else if (!dd || !dd.justDragged) {
+      } else if (!dd || !dd.justDragged) {
-          // don't set inDblClickWindow after dragging
+        // don't set inDblClickWindow after dragging
-          Konva.inDblClickWindow = true;
+        Konva.inDblClickWindow = true;
-          clearTimeout(this.dblTimeout);
+        clearTimeout(this.dblTimeout);
-        } else if (dd) {
+      } else if (dd) {
-          dd.justDragged = false;
+        dd.justDragged = false;
-        }
-
-        this.dblTimeout = setTimeout(function() {
-          Konva.inDblClickWindow = false;
-        }, Konva.dblClickWindow);
-
-        if (shape && shape.isListening()) {
-          this.clickEndShape = shape;
-          shape._fireAndBubble(MOUSEUP, { evt: evt });
-
-          // detect if click or double click occurred
-          if (
-            Konva.listenClickTap &&
-            clickStartShape &&
-            clickStartShape._id === shape._id
-          ) {
-            shape._fireAndBubble(CLICK, { evt: evt });
-
-            if (
-              fireDblClick &&
-              clickEndShape &&
-              clickEndShape._id === shape._id
-            ) {
-              shape._fireAndBubble(DBL_CLICK, { evt: evt });
-            }
-          }
-        } else {
-          this._fire(MOUSEUP, { evt: evt, target: this, currentTarget: this });
-          if (Konva.listenClickTap) {
-            this._fire(CLICK, { evt: evt, target: this, currentTarget: this });
-          }
-
-          if (fireDblClick) {
-            this._fire(DBL_CLICK, {
-              evt: evt,
-              target: this,
-              currentTarget: this
-            });
-          }
-        }
-        // content events
-        this._fire(CONTENT_MOUSEUP, { evt: evt });
-        if (Konva.listenClickTap) {
-          this._fire(CONTENT_CLICK, { evt: evt });
-          if (fireDblClick) {
-            this._fire(CONTENT_DBL_CLICK, { evt: evt });
-          }
-        }
-
-        Konva.listenClickTap = false;
       }
 
+      this.dblTimeout = setTimeout(function() {
+        Konva.inDblClickWindow = false;
+      }, Konva.dblClickWindow);
+
+      if (shape && shape.isListening()) {
+        this.clickEndShape = shape;
+        shape._fireAndBubble(MOUSEUP, { evt: evt });
+
+        // detect if click or double click occurred
+        if (
+          Konva.listenClickTap &&
+          clickStartShape &&
+          clickStartShape._id === shape._id
+        ) {
+          shape._fireAndBubble(CLICK, { evt: evt });
+
+          if (
+            fireDblClick &&
+            clickEndShape &&
+            clickEndShape._id === shape._id
+          ) {
+            shape._fireAndBubble(DBL_CLICK, { evt: evt });
+          }
+        }
+      } else {
+        this._fire(MOUSEUP, { evt: evt, target: this, currentTarget: this });
+        if (Konva.listenClickTap) {
+          this._fire(CLICK, { evt: evt, target: this, currentTarget: this });
+        }
+
+        if (fireDblClick) {
+          this._fire(DBL_CLICK, {
+            evt: evt,
+            target: this,
+            currentTarget: this
+          });
+        }
+      }
+      // content events
+      this._fire(CONTENT_MOUSEUP, { evt: evt });
+      if (Konva.listenClickTap) {
+        this._fire(CONTENT_CLICK, { evt: evt });
+        if (fireDblClick) {
+          this._fire(CONTENT_DBL_CLICK, { evt: evt });
+        }
+      }
+
+      Konva.listenClickTap = false;
+
       // always call preventDefault for desktop events because some browsers
       // try to drag and drop the canvas element
       if (evt.cancelable) {