Not Selecting On Tab to Numeric Field

[rdy2018]

Normally, when you use tab to go to the next field, it will select all the text inside the field. But if the numeric field needs to unformat the value, it would not select the text.

Expected Behavior

As seen in the screenshot, it will select all the text inside the field.

Actual Behavior

Since it needs to unformat the number, it didn't select the text inside and the cursor is at the rightmost.

Specifications

• Plugin Version: ^2.2.4
• Vue.js Version: ^2.1.10
• Browser: Google Chrome
• OS: MacOS High Sierra

[WulfP]

I'd like to propose the following patch:

add

this.$nextTick(function () {
    this.$el.select()
})

here

    /**
     * Handle focus event.
     * @param {Object} e
     */
    onFocusHandler (e) {
      this.$emit('focus', e)
      if (this.valueNumber === 0) {
        this.amount = null
      } else {
        this.amount = accounting.formatMoney(this.valueNumber, {
          symbol: '',
          format: '%v',
          thousand: '',
          decimal: this.decimalSeparatorSymbol,
          precision: Number(this.precision)
        })
        this.$nextTick(function () {
          this.$el.select()
        })
      }
    },