Changeset 42818

Timestamp:

03/09/2018 05:26:53 PM (7 years ago)

Author:

adamsilverstein

Message:

Media: Fix image cropping on touch screen devices.

• In initCrop, handle touch events in addition to mouse events.
• In imageSelect jQuery plugin, accept event.which of 0 as provided by touch events.

Props yahil, alexgso, joemcgill.
Fixes #41242.

Location:

trunk/src

Files:

• wp-admin/js/image-edit.js (modified) (1 diff)
• wp-includes/js/imgareaselect/jquery.imgareaselect.js (modified) (1 diff)

trunk/src/wp-admin/js/image-edit.js

@@ -654 +654 @@
                  * @returns {void}
                  */
-                parent.children().mousedown(function(e){
+                parent.children().on( 'mousedown, touchstart', function(e){
                     var ratio = false, sel, defRatio;
 

trunk/src/wp-includes/js/imgareaselect/jquery.imgareaselect.js

@@ -749 +749 @@
     function imgMouseDown(event) {
         /* Ignore the event if animation is in progress */
-        if (event.which != 1 || $outer.is(':animated')) return false;
+        if (event.which > 1 || $outer.is(':animated')) return false;
 
         adjust();