Как сообщается на https://github.com/quasarframework/quasar/issues/2882, У меня странное поведение, которое проявляется только на реальных устройствах iOS (не в эмуляторе или другой ОС ..)
У меня типичная схема заголовка с панелью инструментов иокно поиска, содержание и нижний колонтитул с панелью инструментов.При прокрутке после попробуйте написать что-нибудь в поле поиска, затем прокрутите до конца и отскочите назад, используя пальцы.Панель инструментов в нижнем колонтитуле начнет плавать и блокировать экран (см. На https://imgur.com/a/Qth2Ald).
Я сделал фрагмент на https://jsfiddle.net/mamcx/7tg3c8nj/4/
<q-layout class="data_list">
<q-page-container>
<q-page>
<q-list highlight inset-separator>
<q-item v-for="item in items" :key="item.customer_id">
<q-item-side left>
<q-btn icon="attach_money">
</q-btn>
</q-item-side>
<q-item-main :label="item.name + ' - ' + item.customer_code" :sublabel="'Tel:' + item.phone1 + ' | ' + item.address + ' | ' + item.city"></q-item-main>
<q-item-side right icon="chevron_right" color="primary"></q-item-side>
</q-item>
</q-list>
</q-page>
</q-page-container>
<q-layout-header>
<q-page-sticky expand position="top">
<q-toolbar>
<q-btn>Back</q-btn>
<q-toolbar-title>
Title
</q-toolbar-title>
<q-btn icon="add" dense color="primary"></q-btn>
</q-toolbar>
<q-search class="full-width" clearable inverted placeholder="Type Name, Code, Nit, Phone Number or Email" float-label="Search" :value="search" autofocus=true></q-search>
</q-page-sticky>
</q-layout-header>
<q-layout-footer>
<q-page-sticky expand position="bottom">
<q-toolbar color="dark">
<q-btn
@click.native="$router.replace('/')"
color="primary"
icon="home"
></q-btn>
</q-toolbar>
</q-page-sticky>
</q-layout-footer>
</q-layout>