improvement(selecttextonfocus prop): fix setTimeout delay for Chrome …

…and other small changes

re #235

gh-pages-src/pages/dev/Example5.vue

@@ -9,17 +9,7 @@
       <b>Selected:</b> {{ selected || 'not chosen' }}.
       <br><br>
 
-      <form @submit="onSubmit">
-        <cool-select
-          ref="select"
-          v-model="selected"
-          :items="items"
-          placeholder="Select name"
-          @keydown.enter.native="onEnter"
-        />
-      </form>
-
-      <br>
+      {{ selectTextOnFocus }}
 
       <cool-select
         ref="select"
@@ -148,12 +138,6 @@ export default {
     }
   },
   methods: {
-    onSubmit () {
-      alert('Submit!')
-    },
-    onEnter () {
-      alert('onEnter!')
-    },
     validate () {
       this.errorMessage = this.selected ? null : 'This is required field!'
     }

src/component.vue

@@ -319,7 +319,12 @@ export default {
       this.$refs['IZ-select__input-for-text'].focus()
     },
     setInputSelected () {
-      this.$refs['IZ-select__input-for-text'].select()
+      setTimeout(() => {
+        // Вроде не нужно https://stackoverflow.com/a/5001669/5286034
+        // if (isTextSelected(this.$refs['IZ-select__input-for-text'])) return
+
+        this.$refs['IZ-select__input-for-text'].select()
+      }, 100)
     },
     setFocused (byInput = false) {
       if (this.focused || this.disabled || this.readonly) return
@@ -342,11 +347,14 @@ export default {
         })
       }
 
+      if (this.selectTextOnFocus) this.setInputSelected()
+
       this.focused = true
 
       this.showMenu()
       this.$emit('focus')
     },
+    // TODO правильнее blurred!
     setBlured () {
       if (this.resetSearchOnBlur) {
         this.setSearchData('')

src/eventsListeners.js

@@ -85,10 +85,6 @@ export default {
 
     this.setFocused()
     this.showMenu()
-
-    // select text input if enabled
-    if (!this.selectTextOnFocus) return
-    setTimeout(this.setInputSelected, 0)
   },
   // on click on item
   onClickSelectItem (item) {