Unable to scroll a dialog at mobile devices (Safari, Chrome)

[1abdurRehman]

This component work fine other than mobile devices, and for mobile devices it also work if i put hardcoded value in :show="true", thanks in advance, @thecrypticace

<TransitionRoot as="template" :show="isAnfrageStartenModalOpen || isReport">    
        <Dialog as="div" class="relative z-150" @close="closeModal" :open="true">
            <TransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0" enter-to="opacity-100" leave="ease-in duration-200" leave-from="opacity-100" leave-to="opacity-0">
                <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" />
            </TransitionChild>

            
            <div @click="closeModal" touch-action="none">
                <div class="fixed inset-0 w-screen overflow-y-auto overscroll-behavior-y:auto">
                    <div class="flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0">
                        <TransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" enter-to="opacity-100 translate-y-0 sm:scale-100" leave="ease-in duration-200" leave-from="opacity-100 translate-y-0 sm:scale-100" leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
                            <DialogPanel class="relative overflow-y-auto rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-2xl sm:p-6">                                                            
                                // dialogue panel content
                            </DialogPanel>
                        </TransitionChild>
                    </div>
                </div>
            </div>
        </Dialog>
    </TransitionRoot>
   
    const isAnfrageStartenModalOpen = ref(false);
    const remarks = ref('');
    const isReport = ref(false)


    watch([() => store.getters.isAnfrageStartenModalOpen, () => store.getters.isRezeptModalOpen], ([newVal, newVal1]) => {
        isAnfrageStartenModalOpen.value = newVal;
        if(newVal){
            const data = store.getters.getDataDictionary;
            remarks.value = data.remarks
        } if(newVal1 === true || newVal1===false){
            isReport.value = newVal1;
        } else{
            isReport.value = false
        }
        
    });
    
    onMounted(async () => {
        isAnfrageStartenModalOpen.value = store.getters.isAnfrageStartenModalOpen;
        isReport.value = store.getters.isRezeptModalOpen;
    });
    
    const closeModal = () => {
        store.commit('closeRezeptModal')
        store.commit('closeAnfrageStartenModal')
        remarks.value = ''
    }