Fixed bug where inline controls could be "dragged" when selecting an empty area

Author: claviska

index.php

@@ -187,6 +187,15 @@
 		    	<select name="empty-multi-select" size="5" multiple="multiple"></select>
 		    </p>
 
+	    	<p>
+	    		Multi-select with few options<br />
+		    	<select name="multi-select-few-options" multiple="multiple" size="5">
+		    		<option value="1" selected="selected">Item 1</option>
+		    		<option value="2">Item 2</option>
+		    		<option value="3">Item 3</option>
+		    	</select>
+		    </p>
+		    
 	    	<p>
 	    		No multi-select, size = 4<br />
 		    	<select name="no-multi-with-size-4" size="4">

jquery.selectBox.js

@@ -1,6 +1,6 @@
 /*
 	
-	jQuery selectBox (version 1.0.5)
+	jQuery selectBox (version 1.0.6)
 	
 		A cosmetic, styleable replacement for SELECT elements.
 	
@@ -92,6 +92,7 @@
 		                    - Clicking no longer toggles selected/unselected in multi-selects; use CTRL/CMD and 
 		                      SHIFT like in normal browser controls
 		                    - Fixed bug where inline controls would not receive focus unless tabbed into
+		v1.0.6 (2011-04-29) - Fixed bug where inline controls could be "dragged" when selecting an empty area
 		
 		                      
 	Known Issues:
@@ -169,6 +170,10 @@ if(jQuery) (function($) {
 						.bind('keypress.selectBox', function(event) {
 							handleKeyPress(select, event);
 						})
+						.bind('mousedown.selectBox', function(event) {
+							if( $(event.target).is('A.selectBox-inline') ) event.preventDefault();
+							if( !control.hasClass('selectBox-focus') ) control.focus();
+						})
 						.insertAfter(select);
 
 					// Auto-height based on size attribute