diff --git a/bower.json b/bower.json
index 5f1495f..6f593b0 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
-    "name"      : "isteven-angular-multiselect",
-    "version"   : "v4.0.0",
+    "name"      : "choco-isteven-angular-multiselect",
+    "version"   : "v4.1.0",
     "main"      : [
         "isteven-multi-select.js",
         "isteven-multi-select.css"
diff --git a/doc/index.htm b/doc/index.htm
index f06faa1..9b044f6 100644
--- a/doc/index.htm
+++ b/doc/index.htm
@@ -30,7 +30,7 @@
     <script src="highlight/highlight.pack.js"></script>
     <script src="js/libs/angular.min.js"></script>      
     <script src="js/libs/angular-route.min.js"></script>
-    <script src="js/libs/isteven-multi-select.js"></script>  
+    <script src="js/libs/isteven-multi-select.js"></script>
     <script src="js/libs/paypal-button.min.js"></script>      
 
     <script src="js/app.js"></script>   
@@ -41,7 +41,8 @@
     <script src="js/controllers/demo-disabling-enabling.js"></script>        
     <script src="js/controllers/demo-grouping.js"></script>        
     <script src="js/controllers/demo-callbacks.js"></script>        
-    <script src="js/controllers/demo-single-selection-mode.js"></script>        
+    <script src="js/controllers/demo-single-selection-mode.js"></script>
+    <script src="js/controllers/demo-tabindex.js"></script>
 
     <script>
         $("#menu-toggle").click(function(e) {
@@ -99,7 +100,10 @@ <h5>AngularJs MultiSelect &nbsp;&nbsp;<span class="fa fa-home"></span></h5>
                     </li>                   
                     <li class="subMenu">
                         <a href="#/demo-single-selection-mode">Single Selection Mode</a>
-                    </li>                        
+                    </li>
+                    <li class="subMenu">
+                        <a href="#/tab-index">Tabindex</a>
+                    </li>
                 <li>
                     <a href="#/breaking-changes">Breaking Changes</a>
                 </li>                    
diff --git a/doc/js/app.js b/doc/js/app.js
index e52bad9..608ebe5 100644
--- a/doc/js/app.js
+++ b/doc/js/app.js
@@ -22,7 +22,12 @@ var myApp = angular.module( 'myApp' , [
     $routeProvider.when( '/demo-minimum' , {
         templateUrl: 'views/demo-minimum.htm', 
         controller: 'demoMinimum'
-    });        
+    });
+
+    $routeProvider.when( '/tab-index' , {
+        templateUrl: 'views/demo-tabindex.htm',
+        controller: 'demoTabindex'
+    });
 
     $routeProvider.when( '/demo-horizontal-layout' , {
         templateUrl: 'views/demo-horizontal-layout.htm', 
@@ -92,6 +97,8 @@ var myApp = angular.module( 'myApp' , [
     $routeProvider.when( '/other-cool-stuffs' , {
         templateUrl: 'views/other-cool-stuffs.htm'
     });
+
+
     
 
     $routeProvider.otherwise( {
diff --git a/doc/js/controllers/demo-tabindex.js b/doc/js/controllers/demo-tabindex.js
new file mode 100644
index 0000000..481a834
--- /dev/null
+++ b/doc/js/controllers/demo-tabindex.js
@@ -0,0 +1,35 @@
+myApp.controller( 'demoTabindex' , [ '$scope' , function ($scope) {
+
+    $scope.modernBrowsers = [
+        { 
+            icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',                         
+            name: 'Opera',              
+            maker: 'Opera Software',        
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',             
+            name: 'Internet Explorer',  
+            maker: 'Microsoft',
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',         
+            name: 'Firefox',            
+            maker: 'Mozilla Foundation',    
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',             
+            name: 'Safari',             
+            maker: 'Apple',                 
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',  
+            name: 'Chrome',             
+            maker: 'Google',                
+            ticked: true    
+        }    
+    ];
+}]);
diff --git a/doc/js/libs/isteven-multi-select.js b/doc/js/libs/isteven-multi-select.js
index b5d3465..0d325bf 100644
--- a/doc/js/libs/isteven-multi-select.js
+++ b/doc/js/libs/isteven-multi-select.js
@@ -46,6 +46,7 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
 
             // settings based on attribute
             isDisabled      : '=',
+            tabindexglob    : '=',
 
             // callbacks
             onClear         : '&',  
@@ -895,6 +896,7 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
             $scope.groupProperty    = attrs.groupProperty;   
             $scope.tickProperty     = attrs.tickProperty;
             $scope.directiveId      = attrs.directiveId;
+            $scope.tabIndexGlob         = attrs.tabindexglob;
             
             // Unfortunately I need to add these grouping properties into the input model
             var tempStr = genRandomString( 5 );
@@ -966,8 +968,8 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
             $scope.icon.tickMark = $sce.trustAsHtml( $scope.icon.tickMark );
                 
             // min length of keyword to trigger the filter function
-            if ( typeof attrs.MinSearchLength !== 'undefined' && parseInt( attrs.MinSearchLength ) > 0 ) {
-                vMinSearchLength = Math.floor( parseInt( attrs.MinSearchLength ) );
+            if ( typeof attrs.minSearchLength !== 'undefined' && parseInt( attrs.minSearchLength ) > 0 ) {
+                vMinSearchLength = Math.floor( parseInt( attrs.minSearchLength ) );
             }
 
             /*******************************************************
@@ -1035,6 +1037,7 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
                 'ng-click="toggleCheckboxes( $event ); refreshSelectedItems(); refreshButton(); prepareGrouping; prepareIndex();"' +
                 'ng-bind-html="varButtonLabel"' +
                 'ng-disabled="disable-button"' +
+                'tabindex="{{tabIndexGlob}}"' +
             '>' +
             '</button>' +
             // overlay layer
diff --git a/doc/views/demo-tabindex.htm b/doc/views/demo-tabindex.htm
new file mode 100644
index 0000000..e4333cf
--- /dev/null
+++ b/doc/views/demo-tabindex.htm
@@ -0,0 +1,40 @@
+<div class="row">
+    <div class="col-sm-12">
+
+        <h3 class="pageHeading">Demo > tabindex</h3>
+
+        <p>
+            Permit to use the tabindex attribute on the isteven-multi-select.
+        </p>
+
+        <br />
+
+        <input type="text" tabindex="1"></input>
+        <br />
+        <br />
+
+        <div
+                isteven-multi-select
+                input-model="modernBrowsers"
+                output-model="outputBrowsers"
+                button-label="icon name"
+                item-label="icon name maker"
+                tick-property="ticked"
+                tabIndexGlob="2"
+        >
+        </div>
+        <br />
+
+        <input type="text" tabindex="3"></div>
+
+
+    </div>
+</div>
+
+<script>
+    $(document).ready(function() {
+        $('pre code').each(function(i, block) {
+            hljs.highlightBlock(block);
+        });
+    });
+</script>
diff --git a/isteven-multi-select.js b/isteven-multi-select.js
index c21075c..0d325bf 100644
--- a/isteven-multi-select.js
+++ b/isteven-multi-select.js
@@ -46,6 +46,7 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
 
             // settings based on attribute
             isDisabled      : '=',
+            tabindexglob    : '=',
 
             // callbacks
             onClear         : '&',  
@@ -895,6 +896,7 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
             $scope.groupProperty    = attrs.groupProperty;   
             $scope.tickProperty     = attrs.tickProperty;
             $scope.directiveId      = attrs.directiveId;
+            $scope.tabIndexGlob         = attrs.tabindexglob;
             
             // Unfortunately I need to add these grouping properties into the input model
             var tempStr = genRandomString( 5 );
@@ -1035,6 +1037,7 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
                 'ng-click="toggleCheckboxes( $event ); refreshSelectedItems(); refreshButton(); prepareGrouping; prepareIndex();"' +
                 'ng-bind-html="varButtonLabel"' +
                 'ng-disabled="disable-button"' +
+                'tabindex="{{tabIndexGlob}}"' +
             '>' +
             '</button>' +
             // overlay layer
diff --git a/package.json b/package.json
index c17e996..0940085 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-    "name": "isteven-angular-multiselect",
-    "version": "v4.0.0",
+    "name": "choco-isteven-angular-multiselect",
+    "version": "v4.1.0",
     "description": "A multi select dropdown directive for AngularJS",
     "main": [
         "isteven-multi-select.js",