Только в iOS-устройстве нижний колонтитул перемещается при прокрутке и просмотре блоков с помощью структуры квазара - PullRequest
0 голосов
/ 21 декабря 2018

Как сообщается на 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...