Cursor moves to the last character every time I try to edit the text from middle

[Nehasoni988]

I am using this library in my Vue 3 project, and I noticed that whenever I try to edit the phone number, the cursor always moves to the last character, making it difficult to edit the text.

Steps to reproduce the problem-

1. Go to the demo.
2. Type any phone number inside the text box.
3. Click on, the "Show Options" link.
4. Uncheck the "autoFormat" checkbox. (As I don't want auto-formatting)
5. Now, try to edit the phone number from the middle, you should see the cursor jumping to the last character position.

Here is the same sample code to see the behavior-

<template>
  <vue-tel-input v-model="phone" mode="international"></vue-tel-input>
</template>

<script>
  import { ref } from 'vue';
  import { VueTelInput } from 'vue-tel-input';
  import 'vue-tel-input/vue-tel-input.css';

  export default {
    components: {
      VueTelInput,
    },

    setup() {
      const phone = ref(null);

      return {
        value,
      };
    },
  };
</script>

Environment details-

"vue": "3.3.4",
"vue-tel-input": "8.1.4",
"@types/vue-tel-input": "2.1.3",

Browser details-
On Chrome and Safari, this issue is reproducible.