Start working on docs

Gruntfile.js

@@ -142,7 +142,8 @@ module.exports = function (grunt) {
         ],
         tasks: [
           "compile",
-          "test"
+          "test",
+          'minify'
         ]
       },
       css: {
@@ -150,7 +151,8 @@ module.exports = function (grunt) {
           "src/scss/**/*.scss"
         ],
         tasks: [
-          "compile"
+          "compile",
+          'minify'
         ]
       }
     }

dist/js/select2.amd.full.js

@@ -432,7 +432,7 @@ define('select2/dropdown',[
 
   Dropdown.prototype.render = function () {
     var $dropdown = $(
-      '<span class="">' +
+      '<span class="dropdown">' +
         '<span class="results"></span>' +
       '</span>'
     );
@@ -692,7 +692,9 @@ define('select2/data/ajax',[
 define('select2/options',[
   './data/select',
   './results',
+
   './dropdown',
+
   './selection/single',
   './selection/multiple',
 
@@ -756,7 +758,7 @@ define('select2/core',[
 
     this.dropdown = new this.options.dropdownAdapter($element, this.options);
 
-    var $dropdownContainer = $container.find('.dropdown');
+    var $dropdownContainer = $container.find('.dropdown-wrapper');
     var $dropdown = this.dropdown.render();
 
     $dropdownContainer.append($dropdown);
@@ -840,7 +842,7 @@ define('select2/core',[
     var $container = $(
       '<span class="select2 select2-container select2-theme-default">' +
         '<span class="selection"></span>' +
-        '<span class="dropdown"></span>' +
+        '<span class="dropdown-wrapper"></span>' +
       '</span>'
     );
 

dist/js/select2.amd.js

@@ -432,7 +432,7 @@ define('select2/dropdown',[
 
   Dropdown.prototype.render = function () {
     var $dropdown = $(
-      '<span class="">' +
+      '<span class="dropdown">' +
         '<span class="results"></span>' +
       '</span>'
     );
@@ -692,7 +692,9 @@ define('select2/data/ajax',[
 define('select2/options',[
   './data/select',
   './results',
+
   './dropdown',
+
   './selection/single',
   './selection/multiple',
 
@@ -756,7 +758,7 @@ define('select2/core',[
 
     this.dropdown = new this.options.dropdownAdapter($element, this.options);
 
-    var $dropdownContainer = $container.find('.dropdown');
+    var $dropdownContainer = $container.find('.dropdown-wrapper');
     var $dropdown = this.dropdown.render();
 
     $dropdownContainer.append($dropdown);
@@ -840,7 +842,7 @@ define('select2/core',[
     var $container = $(
       '<span class="select2 select2-container select2-theme-default">' +
         '<span class="selection"></span>' +
-        '<span class="dropdown"></span>' +
+        '<span class="dropdown-wrapper"></span>' +
       '</span>'
     );
 

dist/js/select2.full.js

@@ -9969,7 +9969,7 @@ define('select2/dropdown',[
 
   Dropdown.prototype.render = function () {
     var $dropdown = $(
-      '<span class="">' +
+      '<span class="dropdown">' +
         '<span class="results"></span>' +
       '</span>'
     );
@@ -10229,7 +10229,9 @@ define('select2/data/ajax',[
 define('select2/options',[
   './data/select',
   './results',
+
   './dropdown',
+
   './selection/single',
   './selection/multiple',
 
@@ -10293,7 +10295,7 @@ define('select2/core',[
 
     this.dropdown = new this.options.dropdownAdapter($element, this.options);
 
-    var $dropdownContainer = $container.find('.dropdown');
+    var $dropdownContainer = $container.find('.dropdown-wrapper');
     var $dropdown = this.dropdown.render();
 
     $dropdownContainer.append($dropdown);
@@ -10377,7 +10379,7 @@ define('select2/core',[
     var $container = $(
       '<span class="select2 select2-container select2-theme-default">' +
         '<span class="selection"></span>' +
-        '<span class="dropdown"></span>' +
+        '<span class="dropdown-wrapper"></span>' +
       '</span>'
     );
 

dist/js/select2.js

@@ -860,7 +860,7 @@ define('select2/dropdown',[
 
   Dropdown.prototype.render = function () {
     var $dropdown = $(
-      '<span class="">' +
+      '<span class="dropdown">' +
         '<span class="results"></span>' +
       '</span>'
     );
@@ -1120,7 +1120,9 @@ define('select2/data/ajax',[
 define('select2/options',[
   './data/select',
   './results',
+
   './dropdown',
+
   './selection/single',
   './selection/multiple',
 
@@ -1184,7 +1186,7 @@ define('select2/core',[
 
     this.dropdown = new this.options.dropdownAdapter($element, this.options);
 
-    var $dropdownContainer = $container.find('.dropdown');
+    var $dropdownContainer = $container.find('.dropdown-wrapper');
     var $dropdown = this.dropdown.render();
 
     $dropdownContainer.append($dropdown);
@@ -1268,7 +1270,7 @@ define('select2/core',[
     var $container = $(
       '<span class="select2 select2-container select2-theme-default">' +
         '<span class="selection"></span>' +
-        '<span class="dropdown"></span>' +
+        '<span class="dropdown-wrapper"></span>' +
       '</span>'
     );
 

docs/examples.html

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Select2</title>
+</head>
+<body>
+
+<select class="js-source-states" style="display: none;">
+    <option value="AK">Alaska</option>
+    <option value="HI">Hawaii</option>
+    <option value="CA">California</option>
+    <option value="NV">Nevada</option>
+    <option value="OR">Oregon</option>
+    <option value="WA">Washington</option>
+    <option value="AZ">Arizona</option>
+    <option value="CO">Colorado</option>
+    <option value="ID">Idaho</option>
+    <option value="MT">Montana</option>
+    <option value="NE">Nebraska</option>
+    <option value="NM">New Mexico</option>
+    <option value="ND">North Dakota</option>
+    <option value="UT">Utah</option>
+    <option value="WY">Wyoming</option>
+    <option value="AL">Alabama</option>
+    <option value="AR">Arkansas</option>
+    <option value="IL">Illinois</option>
+    <option value="IA">Iowa</option>
+    <option value="KS">Kansas</option>
+    <option value="KY">Kentucky</option>
+    <option value="LA">Louisiana</option>
+    <option value="MN">Minnesota</option>
+    <option value="MS">Mississippi</option>
+    <option value="MO">Missouri</option>
+    <option value="OK">Oklahoma</option>
+    <option value="SD">South Dakota</option>
+    <option value="TX">Texas</option>
+    <option value="TN">Tennessee</option>
+    <option value="WI">Wisconsin</option>
+    <option value="CT">Connecticut</option>
+    <option value="DE">Delaware</option>
+    <option value="FL">Florida</option>
+    <option value="GA">Georgia</option>
+    <option value="IN">Indiana</option>
+    <option value="ME">Maine</option>
+    <option value="MD">Maryland</option>
+    <option value="MA">Massachusetts</option>
+    <option value="MI">Michigan</option>
+    <option value="NH">New Hampshire</option>
+    <option value="NJ">New Jersey</option>
+    <option value="NY">New York</option>
+    <option value="NC">North Carolina</option>
+    <option value="OH">Ohio</option>
+    <option value="PA">Pennsylvania</option>
+    <option value="RI">Rhode Island</option>
+    <option value="SC">South Carolina</option>
+    <option value="VT">Vermont</option>
+    <option value="VA">Virginia</option>
+    <option value="WV">West Virginia</option>
+</select>
+
+<select class="js-example-basic-single js-states"></select>
+<select class="js-example-basic-multiple js-states" multiple="multiple"></select>
+
+<link href="../dist/css/select2.css" rel="stylesheet"/>
+
+<script src="../vendor/almond-0.2.9.js" type="text/javascript"></script>
+<script src="../vendor/jquery-2.1.0.js" type="text/javascript"></script>
+
+<script src="../dist/js/select2.js" type="text/javascript"></script>
+
+<script type="text/javascript">
+
+var $states = $(".js-source-states");
+var statesOptions = $states.html();
+$states.remove();
+
+$(".js-states").html(statesOptions);
+
+require(["select2/core"], function (Select2) {
+    var $basicSingle = $(".js-example-basic-single");
+    var $basicMultiple = $(".js-example-basic-multiple");
+
+    new Select2($basicSingle);
+    new Select2($basicMultiple);
+});
+</script>
+
+</body>
+</html>

src/js/select2/core.js

@@ -34,7 +34,7 @@ define([
 
     this.dropdown = new this.options.dropdownAdapter($element, this.options);
 
-    var $dropdownContainer = $container.find('.dropdown');
+    var $dropdownContainer = $container.find('.dropdown-wrapper');
     var $dropdown = this.dropdown.render();
 
     $dropdownContainer.append($dropdown);
@@ -118,7 +118,7 @@ define([
     var $container = $(
       '<span class="select2 select2-container select2-theme-default">' +
         '<span class="selection"></span>' +
-        '<span class="dropdown"></span>' +
+        '<span class="dropdown-wrapper"></span>' +
       '</span>'
     );
 

src/js/select2/dropdown.js

@@ -9,7 +9,7 @@ define([
 
   Dropdown.prototype.render = function () {
     var $dropdown = $(
-      '<span class="">' +
+      '<span class="dropdown">' +
         '<span class="results"></span>' +
       '</span>'
     );

src/js/select2/options.js

@@ -1,7 +1,9 @@
 define([
   './data/select',
   './results',
+
   './dropdown',
+
   './selection/single',
   './selection/multiple',