CHG: blur behavior of input text field

mycolorway · Jul 29, 2016 · aed11fd · aed11fd
1 parent 378a64b
commit aed11fd
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,8 @@
 
+## V2.1.2 - 2016-07-27
+
+* `input.textField` will be set empty if `allowInput` option is false and no item is selected when it blurs.
+
 ## V2.1.1 - 2016-07-27
 
 * Remove DataProvider.getInstance() which is buggy

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "simple_select",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "homepage": "https://github.com/mycolorway/simple-select",
   "authors": [
     "farthinker <[email protected]>"

diff --git a/demo.html b/demo.html
@@ -26,7 +26,6 @@
       var selectOne = simple.select({
         el: $('#select-one'),
         placeholder: 'type sth...',
-        allowInput: '#select-one-name',
         noWrap: false
       });
 
@@ -59,7 +58,6 @@ <h3>Demo one: single select</h3>
                 <option value="audi" data-hint="car 4" selected>Audi</option>
               </optgroup>
             </select>
-            <input type="hidden" id="select-one-name">
         </div>
 
         <div class="demo-two">

diff --git a/dist/simple-select.js b/dist/simple-select.js
@@ -1,12 +1,12 @@
 /**
- * simple-select v2.1.1
+ * simple-select v2.1.2
  * http://mycolorway.github.io/simple-select
  *
  * Copyright Mycolorway Design
  * Released under the MIT license
  * http://mycolorway.github.io/simple-select/license.html
  *
- * Date: 2016-07-28
+ * Date: 2016-07-29
  */
 ;(function(root, factory) {
   if (typeof module === 'object' && module.exports) {
@@ -1175,7 +1175,10 @@ SimpleSelect = (function(superClass) {
           if (item = _this.dataProvider.getItemByName(value)) {
             _this.selectItem(item);
           } else {
-            _this._setUserInput(value);
+            if (!_this.opts.allowInput) {
+              _this.input.setValue('');
+            }
+            _this._setUserInput();
           }
         }
         return _this.popover.setActive(false);

diff --git a/dist/simple-select.min.js b/dist/simple-select.min.js
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "simple-select",
   "githubOwner": "mycolorway",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "Autocomplete select component",
   "homepage": "http://mycolorway.github.io/simple-select",
   "repository": {

diff --git a/src/simple-select.coffee b/src/simple-select.coffee
@@ -155,7 +155,9 @@ class SimpleSelect extends SimpleModule
         if item = @dataProvider.getItemByName(value)
           @selectItem item
         else
-          @_setUserInput value
+          @input.setValue('') unless @opts.allowInput
+          @_setUserInput()
+
       @popover.setActive false
 
   _setUserInput: (value = @input.getValue()) ->

diff --git a/styles/simple-select.css b/styles/simple-select.css
@@ -1,12 +1,12 @@
 /**
- * simple-select v2.1.1
+ * simple-select v2.1.2
  * http://mycolorway.github.io/simple-select
  *
  * Copyright Mycolorway Design
  * Released under the MIT license
  * http://mycolorway.github.io/simple-select/license.html
  *
- * Date: 2016-07-28
+ * Date: 2016-07-29
  */
 .simple-select {
   position: relative; }