WordPress.org

Make WordPress Core

Ticket #42646: 42646.diff

File 42646.diff, 2.5 KB (added by adamsilverstein, 4 years ago)
  • src/wp-includes/js/media-views.js

    diff --git src/wp-includes/js/media-views.js src/wp-includes/js/media-views.js
    index 9dbdd5ecb2..9a8bdfe91a 100644
    Cropper = View.extend(/** @lends wp.media.view.Cropper.prototype */{ 
    90079007                imgOptions = _.extend(imgOptions, {
    90089008                        parent: this.$el,
    90099009                        onInit: function() {
    9010                                 this.parent.children().on( 'mousedown touchstart', function( e ){
    90119010
    9012                                         if ( e.shiftKey ) {
     9011                                // Store the set ratio.
     9012                                var setRatio = imgSelect.getOptions().aspectRatio;
     9013
     9014                                // On mousedown, If no ratio is set and the shift key is down, used a 1:1 ratio.
     9015                                this.parent.children().on( 'mousedown touchstart', function( e ) {
     9016
     9017                                        // If no ratio is set and the shift key is down, used a 1:1 ratio.
     9018                                        if ( ! setRatio && e.shiftKey ) {
    90139019                                                imgSelect.setOptions( {
    90149020                                                        aspectRatio: '1:1'
    90159021                                                } );
    9016                                         } else {
    9017                                                 imgSelect.setOptions( {
    9018                                                         aspectRatio: false
    9019                                                 } );
    90209022                                        }
    90219023                                } );
     9024
     9025                                this.parent.children().on( 'mouseup touchend', function( e ) {
     9026
     9027                                        // Restore the set ratio.
     9028                                        imgSelect.setOptions( {
     9029                                                aspectRatio: setRatio ? setRatio : false
     9030                                        } );
     9031                                } );
    90229032                        }
    90239033                } );
    90249034                this.trigger('image-loaded');
  • src/wp-includes/js/media/views/cropper.js

    diff --git src/wp-includes/js/media/views/cropper.js src/wp-includes/js/media/views/cropper.js
    index 4220729072..85ddcaf747 100644
    Cropper = View.extend(/** @lends wp.media.view.Cropper.prototype */{ 
    5555                imgOptions = _.extend(imgOptions, {
    5656                        parent: this.$el,
    5757                        onInit: function() {
    58                                 this.parent.children().on( 'mousedown touchstart', function( e ){
    5958
    60                                         if ( e.shiftKey ) {
     59                                // Store the set ratio.
     60                                var setRatio = imgSelect.getOptions().aspectRatio;
     61
     62                                // On mousedown, If no ratio is set and the shift key is down, used a 1:1 ratio.
     63                                this.parent.children().on( 'mousedown touchstart', function( e ) {
     64
     65                                        // If no ratio is set and the shift key is down, used a 1:1 ratio.
     66                                        if ( ! setRatio && e.shiftKey ) {
    6167                                                imgSelect.setOptions( {
    6268                                                        aspectRatio: '1:1'
    6369                                                } );
    64                                         } else {
    65                                                 imgSelect.setOptions( {
    66                                                         aspectRatio: false
    67                                                 } );
    6870                                        }
    6971                                } );
     72
     73                                this.parent.children().on( 'mouseup touchend', function( e ) {
     74
     75                                        // Restore the set ratio.
     76                                        imgSelect.setOptions( {
     77                                                aspectRatio: setRatio ? setRatio : false
     78                                        } );
     79                                } );
    7080                        }
    7181                } );
    7282                this.trigger('image-loaded');