Merge pull request #13 from dsanders11/align_right

Add option for aligning autocomplete with right edge of input

src/autocomplete.js

@@ -204,6 +204,12 @@ yourlabs.Autocomplete = function (input) {
      */
     this.hideAfter = 200;
 
+    /*
+    Normally the autocomplete box aligns with the left edge of the input. To
+    align with the right edge of the input instead, change this variable.
+     */
+    this.alignRight = false;
+
     /*
     The server should have a URL that takes the input value, and responds
     with the list of choices as HTML. In most cases, an absolute URL is
@@ -486,6 +492,7 @@ yourlabs.Autocomplete.prototype.show = function(html) {
     // body as argument.
     if (html !== undefined) {
         this.box.html(html);
+        this.fixPosition();
     }
 
     // Don't display empty boxes.
@@ -505,6 +512,7 @@ yourlabs.Autocomplete.prototype.show = function(html) {
     // Show the inner and outer container only if necessary.
     if (!this.box.is(':visible')) {
         this.box.css('display', 'block');
+        this.fixPosition();
     }
 };
 
@@ -610,6 +618,10 @@ yourlabs.Autocomplete.prototype.fixPosition = function() {
         left = (inputLeft - parentLeft) + 'px';
     }
 
+    if (this.alignRight) {
+        left = (findPosX(el) + el.scrollLeft - (this.box.outerWidth() - this.input.outerWidth())) + 'px';
+    }
+
     this.box.appendTo(this.container).css({
         position: 'absolute',
         minWidth: parseInt(this.input.outerWidth()),