vue-tel-input-vuetify icon indicating copy to clipboard operation
vue-tel-input-vuetify copied to clipboard

Not able to type freely when have initial value (using v-model)

Open hjJunior opened this issue 1 year ago • 0 comments

Current behavior

I'm not able to type freely in the field when the field already have an initial value Only works if I clear all the field value

Expected behavior

Should be able to edit the input when already prefilled

Versions

Libraries:

  • vue: 2.6.12
  • vuetify: 2.6.15
  • vue-tel-input-vuetify: 1.3.0

Environment:

  • Device: Desktop - WSL 2
  • OS: Windows 11 + WSL 2
  • Browser: Chrome
  • Browser Version: 113.0.5672.63

Additional context

You can check the current behavior: https://github.com/yogakurniawan/vue-tel-input-vuetify/assets/10780132/617ebe4e-debf-4dc2-b8b5-12c80d6ec35b

Template

<vue-tel-input-vuetify
  v-model="phone"
  class="phone-input"
  required
  outlined
  :preferred-countries="['US']"
  :max-len="10"
  default-country="US"
/>

Script

export default {
  data() {
    return {
      phone: '+15125337768',
    }
  }
}

hjJunior avatar May 09 '23 14:05 hjJunior