New Build

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery-ui-multisearch",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "ignore": [
     "bower_components",
     "node_modules",

index.html

@@ -92,7 +92,7 @@ <h3>jQuery UI MultiSearch</h3>
          </p>
 
          <p class="text-center">
-            <a class="btn btn-primary" rel="nofollow" href="https://github.com/bseth99/jquery-ui-multisearch/archive/v0.0.2.zip" >
+            <a class="btn btn-primary" rel="nofollow" href="https://github.com/bseth99/jquery-ui-multisearch/archive/v0.0.3.zip" >
               Download Latest Version
             </a>
          </p>

jqueryui-multisearch.js

@@ -543,13 +543,10 @@
                   whiteSpace: 'nowrap'
                 }).insertAfter( this.$input );
 
-            this.maxInputWidth = this.$sizer.width();
-            this.$sizer.css( 'width', 'auto' );
-
+            // The first call will initialize the rest since we need to be sure
+            // the elements are in the DOM.
             this.$input.on( 'keyup', $.proxy( this, '_autoSizeInput' ) );
 
-            this._autoSizeInput();
-            this.minInputWidth = this.$input.width();
          }
 
       },
@@ -1005,7 +1002,7 @@
 
             this._showPicker();
 
-            if ( this.options.preventNotFound ) {
+            if ( this.options.preventNotFound || this.optionData.length == 1 ) {
                this.optionIndex = 0;
                this._overPickerItem( this._getPickerChildren().eq( 0 ) );
             }
@@ -1128,11 +1125,21 @@
 
       _autoSizeInput: function() {
 
-           var text = this.$input.val(),
-               max = this.maxInputWidth;
+         var text = this.$input.val(),
+             max = this.maxInputWidth;
+
+         // First time through, make some min/max calcs
+         // TODO: What if the element resizes, how to reset?
+         if ( !this.maxInputWidth ) {
+            this.maxInputWidth = this.$sizer.width();
+            this.$sizer.css( 'width', 'auto' );
+         }
 
-           this.$sizer.html( (regexp_escape( text ) || regexp_escape( this.$input.attr( 'placeholder' ) ) || 'MMMMMMMMMMMMMMMM').replace(/ /g, ' ') );
-           this.$input.css({ width: Math.min( 100, Math.ceil( ( Math.max( this.minInputWidth, this.$sizer.outerWidth( true ) + 25 ) ) / max * 100 ) )+'%' });
+         this.$sizer.html( (regexp_escape( text ) || regexp_escape( this.$input.attr( 'placeholder' ) ) || 'MMMMMMMMMMMMMMMM').replace(/ /g, ' ') );
+         this.$input.css({ width: Math.min( 100, Math.ceil( ( Math.max( this.minInputWidth, this.$sizer.outerWidth( true ) + 25 ) ) / max * 100 ) )+'%' });
+
+         if ( !this.minInputWidth )
+            this.minInputWidth = this.$input.width();
       }
 
    });

package.json

@@ -2,7 +2,7 @@
    "name": "jquery-ui-multisearch",
    "title": "jQuery UI MultiSearch",
    "description": "A jQuery UI widget that enables building a list of multiple items using an autocomplete entry box without imposing specific HTML structure or CSS style rules.",
-   "version": "0.0.2",
+   "version": "0.0.3",
    "author": {
       "name": "Ben Olson",
       "url": "http://bseth99.github.com/jquery-ui-multisearch"