Fix #54, Fix #59

Author: lcdsantos

README.md

@@ -310,6 +310,12 @@ $(function(){
     <td>Boolean</td>
     <td>Open select box on hover, instead of click</td>
   </tr>
+  <tr>
+    <td>hoverIntentTimeout</td>
+    <td>500</td>
+    <td>Integer</td>
+    <td>Timeout to close options box after mouse leave plugin area</td>
+  </tr>
   <tr>
     <td>expandToItemText</td>
     <td>false</td>
@@ -356,6 +362,12 @@ $(function(){
     <td>Boolean</td>
     <td>Inherit width from original element</td>
   </tr>
+  <tr>
+    <td>allowWrap</td>
+    <td>true</td>
+    <td>Boolean</td>
+    <td>Determine if current selected option should jump to first (or last) once reach the end (of start) item of list upon keyboard arrow navigation.</td>
+  </tr>
 </table>
 
 ##Events:

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "jquery-selectric",
   "description": "Fast, simple and light jQuery plugin to customize HTML selects",
-  "version": "1.8.5",
+  "version": "1.8.7",
   "keywords": [
     "select",
     "selectbox",

dist/jquery.selectric.js

@@ -9,9 +9,9 @@
  *    /,'
  *   /'
  *
- * Selectric Ϟ v1.8.6 (2014-10-14) - http://lcdsantos.github.io/jQuery-Selectric/
+ * Selectric Ϟ v1.8.7 (2015-01-14) - http://lcdsantos.github.io/jQuery-Selectric/
  *
- * Copyright (c) 2014 Leonardo Santos; Dual licensed: MIT/GPL
+ * Copyright (c) 2015 Leonardo Santos; Dual licensed: MIT/GPL
  *
  */
 
@@ -28,10 +28,12 @@
         arrowButtonMarkup: '<b class="button">&#x25be;</b>',
         disableOnMobile: true,
         openOnHover: false,
+        hoverIntentTimeout: 500,
         expandToItemText: false,
         responsive: false,
         preventWindowScroll: true,
         inheritOriginalWidth: false,
+        allowWrap: true,
         customClass: {
           prefix: pluginName,
           postfixes: classList,
@@ -205,14 +207,13 @@
 
           $wrapper.add($original).add($outerWrapper).add($input).off(bindSufix);
 
-
-        $outerWrapper.prop('class', [
-          _this.classes.wrapper,
-          _this.options.customClass.overwrite ?
-            $original.prop('class').replace(/\S+/g, _this.options.customClass.prefix + '-$&') :
-            $original.prop('class'),
-          _this.options.responsive ? _this.classes.responsive : ''
-        ].join(' '));
+          $outerWrapper.prop('class', [
+            _this.classes.wrapper,
+            _this.options.customClass.overwrite ?
+              $original.prop('class').replace(/\S+/g, _this.options.customClass.prefix + '-$&') :
+              $original.prop('class'),
+            _this.options.responsive ? _this.classes.responsive : ''
+          ].join(' '));
 
           if ( !$original.prop('disabled') ){
             isEnabled = true;
@@ -224,7 +225,7 @@
               // Delay close effect when openOnHover is true
               if ( _this.options.openOnHover ){
                 clearTimeout(_this.closeTimer);
-                e.type == 'mouseleave' ? _this.closeTimer = setTimeout(_close, 500) : _open();
+                e.type == 'mouseleave' ? _this.closeTimer = setTimeout(_close, _this.options.hoverIntentTimeout) : _open();
               }
             });
 
@@ -255,8 +256,15 @@
                 // 38 => Up
                 // 39 => Right
                 // 40 => Down
-                if ( key > 36 && key < 41 )
+                if ( key > 36 && key < 41 ){
+                  if ( !_this.options.allowWrap ){
+                    if ( (key < 39 && selected == 0) || (key > 38 && (selected + 1) == _this.items.length) ){
+                      return;
+                    }
+                  }
+
                   _select(_utils[(key < 39 ? 'previous' : 'next') + 'EnabledItem'](_this.items, selected));
+                }
               })
               .on('focusin' + bindSufix, function(e){
                 // Stupid, but necessary... Prevent the flicker when