Ticket #24425: 24425.draft.36.diff

wp-admin/js/revisions.js

@@ -645 +645 @@
                 },
 
                 start: function( event, ui ) {
+                        if ( this.model.get( 'compareTwoMode' ) )
+                                return;
+
+                        // Track the mouse position to enable smooth dragging,
+                        // overrides default jQuery UI step behaviour.
+                        $( window ).on( 'mousemove', { slider: this }, function( e ) {
+                                var slider = e.data.slider,
+                                        sliderLeft = slider.$el.offset().left,
+                                        sliderRight = sliderLeft + slider.$el.width();
+
+                                // Follow mouse movements, as long as handle remains inside slider.
+                                if ( e.clientX < sliderLeft ) {
+                                        $( ui.handle ).css( 'left', 0 ); // Mouse to left of slider.
+                                } else if ( e.clientX > sliderRight ) {
+                                        $( ui.handle ).css( 'left', sliderRight - sliderLeft); // Mouse to right of slider.
+                                } else {
+                                        $( ui.handle ).css( 'left', e.clientX - sliderLeft ); // Mouse in slider.
+                                }
+                        } );
                 },
 
                 slide: function( event, ui ) {
@@ -679 +698 @@
                         if ( this.model.get( 'compareTwoMode' ) )
                                 return;
 
+                        $( window ).off( 'mousemove' );
+
                         // Reset settings props handle back to the step position.
                         this.settings.trigger( 'change' );
                 }