Fixed #43

Made the dropdown menu positioned via pure css instead of using
javascript to constantly adjust its position. YAY PERFORMANCE!

Signed-off-by: Igor Vaynberg <[email protected]>

select2.css

@@ -85,7 +85,7 @@
     border: 1px solid #aaa;
     border-top: 0;
     position: absolute;
-    top: 29px;
+    top: 100%;
     -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
     -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
     -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);

select2.js

@@ -525,19 +525,12 @@
             return this.container.hasClass("select2-dropdown-open");
         },
 
-        alignDropdown: function () {
-            this.dropdown.css({
-                top: this.container.height()
-            });
-        },
-
         open: function () {
             if (this.opened()) return;
 
             this.container.addClass("select2-dropdown-open").addClass("select2-container-active");
 
             this.updateResults(true);
-            this.alignDropdown();
             this.dropdown.show();
             this.focusSearch();
         },
@@ -1230,7 +1223,6 @@
                 self.addSelectedChoice(this);
             });
             self.postprocessResults();
-            this.alignDropdown();
         },
 
         onSelect: function (data) {
@@ -1244,7 +1236,6 @@
             } else {
                 this.search.width(10);
                 this.resizeSearch();
-                this.alignDropdown();
             }
 
             // since its not possible to select an element that has already been
@@ -1309,7 +1300,6 @@
             }
             selected.remove();
             this.triggerChange();
-            window.setTimeout(this.bind(this.alignDropdown), 20);
         },
 
         postprocessResults: function () {