Fixed size related issues. Selection Manager no longer depends on the frameoverlay which is now only manipulated by the tools

js/drawingtools/selectiontools/BaseSelect.js

@@ -90,6 +90,17 @@
 		}
 	};
 
+	/**
+	 * For each pixel in the selection draw it in white transparent on the tool overlay
+	 * @protected
+	 */
+	ns.BaseSelect.prototype.drawSelectionOnOverlay_ = function (selection, overlay) {
+		var pixels = selection.pixels;
+		for(var i=0, l=pixels.length; i<l; i++) {
+			overlay.setPixel(pixels[i].col, pixels[i].row, Constants.SELECTION_TRANSPARENT_COLOR);
+		}
+	};
+
 	/**
 	 * Move the overlay frame filled with semi-transparent pixels that represent the selection.
 	 * @private

js/drawingtools/selectiontools/RectangleSelect.js

@@ -38,6 +38,7 @@
 			var selection = new pskl.selection.RectangularSelection(
 				this.startCol, this.startRow, col, row);
 			$.publish(Events.SELECTION_CREATED, [selection]);
+			this.drawSelectionOnOverlay_(selection, overlay);
 		}
 	};
 

js/drawingtools/selectiontools/ShapeSelect.js

@@ -24,11 +24,14 @@
 	ns.ShapeSelect.prototype.onSelectStart_ = function (col, row, color, frame, overlay) {
 		// Clean previous selection:
 		$.publish(Events.SELECTION_DISMISSED);
+		overlay.clear();
 		
 		// From the pixel cliked, get shape using an algorithm similar to the paintbucket one:
 		var pixels = pskl.PixelUtils.getSimilarConnectedPixelsFromFrame(frame, col, row);
 		var selection = new pskl.selection.ShapeSelection(pixels);
+
 		$.publish(Events.SELECTION_CREATED, [selection]);
+		this.drawSelectionOnOverlay_(selection, overlay);
 	};
 
 })();