کار نکردن input توی بعضی گوشی های ایفون vue js

سلام دوستان وقتتون بخیر
من یک کامپوننت input دارم توی سایت بدون مشکل کار میکنه
ولی فقط روی بعضی مدل های ایفون وقتی روی input میزنیم کیبورد باز میشه ولی هر دکمه ای روی کیبورد بزنیم چیزی تایپ نمیشه
هیچ ارتباط خاصی بین نسخه ios یا ورژن مرورگر ها پیدا نکردم !!!

<template>
  <div class="">
    <input
      :id="uuid"
      :name="inputName"
      :type="inputType"
      :placeholder="placeHolder"
      @input="$emit('input', $event.target.value)"
      required
      class="appearance-none block w-full  px-3 h-16 bg-[#f8f6f6] border-0 rounded-full text-lg font-yekanBakh focus:outline-none focus:ring-[#ffc8c3] focus:border-[#ffc8c3] sm:text-sm"
    />
  </div>
</template>

<script>
import UniqueID from '@/features/UniqueID'
export default {
  props: {
    // inputId: {
    //   type: String,
    //   required: true,
    // },
    inputName: {
      type: String,
      required: true,
    },
    inputType: {
      type: String,
      default: 'test',
    },
    placeHolder: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      uuid: UniqueID().getID()
    }
  },
  // methods: {
  //   uuid() {
  //     this.uuid = UniqueID().getID();
  //   }
  // },
}
</script>

<style lang="scss" scoped></style>

ممنون میشم اگر راهنماییم کنید مشکل میتونه از چی باشه
با تشکر