Иван

Можно событие click заменить на mouseDown

<div class="parent-box" @mousedown.self="action">
      <div class="child-box" />
    </div>

Можно всю страницу добавить в блок else, а v-if поставить лоадер с boolean флагом. И по какому-нибудь условию менять этот флаг.

<template>
<div v-if="loader">
<span>loading...</span>
</div>
<div v-else>
<!--- тут ваша страница --->
</div>
</template>

А уже в компоненте флаг менять в created, mounted или по таймеру или nexttick

Для инпута ставите required, с кнопки сабмит переносите $emit в @onsubmit формы.

А какой-нибудь простой CSS типа

-webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;

Не подойдет?

Кнопка готово на Iphone убирает клавиатуру и фокус с инпута.
может на v-on:blur у вас стоит обработчик?

const el = this.$el.getElementsByClassName("block1")[0];
        if (el) {
          el.scrollIntoView({ behavior: "smooth", alignToTop: true });
        }