Move the proportional drag handle in front of the area and border, see …

…#172
phetsims · Dec 18, 2018 · 81283b1 · 81283b1
1 parent 07f31df
commit 81283b1
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/js/proportional/view/ProportionalAreaDisplayNode.js b/js/proportional/view/ProportionalAreaDisplayNode.js
@@ -102,13 +102,6 @@ define( function( require ) {
     this.areaLayer.addChild( gridLinesNode );
     options.gridLinesVisibleProperty.linkAttribute( gridLinesNode, 'visible' );
 
-    // Active area drag handle
-    this.areaLayer.addChild( new ProportionalDragHandle(
-      areaDisplay.areaProperty,
-      areaDisplay.activeTotalProperties,
-      this.modelViewTransformProperty
-    ) );
-
     // Active area background
     var activeAreaBackground = new Rectangle( {
       fill: options.useTileLikeBackground
@@ -141,6 +134,13 @@ define( function( require ) {
     // Background stroke
     this.areaLayer.addChild( this.borderNode );
 
+    // Active area drag handle
+    this.areaLayer.addChild( new ProportionalDragHandle(
+      areaDisplay.areaProperty,
+      areaDisplay.activeTotalProperties,
+      this.modelViewTransformProperty
+    ) );
+
     var countingVisibleProperty = new DerivedProperty(
       [ areaDisplay.countingAvailableProperty, options.countingVisibleProperty ],
       function( countingAvailable, countingVisible ) {