[docs] q-infinite-scroll in q-dialog

[antbelogurov]

Hi.
I have a problem with q-infinite-scroll.
My list is in q-dialog and it refuses to load.
If done in q-menu, then everything is equal. But I need to name it in q-dialog. How to fix it?

`

      <q-card style="width: 700px; max-width: 80vw;max-height: 60vh;"> 
         <q-card-section class="row items-center  border-bottom " >
          <div class="text-h6">{{ nodeData.title }}</div>
          <q-space />
          <q-input
            v-model="inputSearch"
            type="inputSearch"
            debounce="500"
            label="Search"
            @input="searchFilter"
          >
            <template v-slot:append>
              <q-btn dense name="search" />
            </template>
          </q-input>
          <q-space />
          <q-btn icon="close" flat round dense v-close-popup />
        </q-card-section>
        <q-card-section class="no-padding">
          <div class="q-pa-mdnone  no-padding">
            <div class="row q-pa-md text-weight-bold border-bottom q-mb-sm" header>
              <div class="col">Presentation</div>
              <div class="col text-right">Code</div>
            </div>
          </div>
        </q-card-section> 
        <q-card-section class="no-padding">
            <div style="max-height: 450px"> 
              <div>
         
              <q-infinite-scroll @load="onLoad" :offset="50" @scroll="onScrolls">
                    <div
                  v-for="(item, index) in selectFormList"
                  :key="index"
                  class="caption"
                >
                  <div class="row q-py-xs q-px-md border-bottom" size="40px">
                    <div class="col">
                      {{ item.presentation }}
                    </div>
                    <div class="col text-right">
                      {{ item.code }}
                    </div>
                  </div>
                </div>
                <template v-slot:loading>
                  <div class="row justify-center q-my-md">
                    <q-spinner-dots color="primary" size="40px" />
                  </div>
                </template>
                <q-table
                style="height:410px"
                flat
                class="my-sticky-dynamic cursor-pointer"
                :data="selectFormList"
                :columns="columns"
                row-key="code"
                hide-bottom
                :model="nodeData.presentation"
              />
              </q-infinite-scroll>
           
                </div>
             </div>
            </q-card-section>
           <q-card-section class="no-padding">
            <q-separator />
            <br />
            <br />
          </q-card-section>
       </q-card> 
    </q-dialog>`

``