title: Make Vuetify dialog full screen with scrollable list inside and content on top and bottom
body: <p>I am having issue with Vuetify list inside dialog. My goal is to have available header/footer and inside it have a scrollable list with all this content having max of 600px height but being adjusted on smaller screens.</p>
  
  <p>Right now, I have issue where it is working correctly for bigger screens height > 600px (I can scroll list + I see buttons at the bottom) but work incorrectly on smaller screens (can scroll list but have to scroll at the end to see buttons).</p>
  
  <p>Do anyone have an idea what did I forget to add?</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;!-- MovementsInput component --&gt;
  &lt;template&gt;
    &lt;v-form
    ref="form"
    v-model="valid"
    lazy-validation&gt;
      &lt;v-card
      &gt;
        &lt;v-card-title class="headline primary"&gt;
          Add new movement
        &lt;/v-card-title&gt;
        &lt;v-card-text&gt;
          &lt;v-list
            style="max-height: 600px"
            class="scroll-y"&gt;
            &lt;template 
              v-for="movement in movements"&gt;
              &lt;v-list-tile
              :key="movement.name"&gt;
                &lt;v-list-tile-title&gt;
                  {{movement.name}}
                &lt;/v-list-tile-title&gt;
              &lt;/v-list-tile&gt;
            &lt;/template&gt;
          &lt;/v-list&gt;
          &lt;!-- Ignore this autocomplete, forget to remove it from screenshot --&gt;
          &lt;v-autocomplete
            v-model="movement"
            :items="movements"
            :color=this.$vuetify.theme.secondary
            hide-selected
            item-text="name"
            item-value="name"
            label="Movement"
            placeholder="Select movement from the list"
            return-object
          &gt;&lt;/v-autocomplete&gt;
        &lt;/v-card-text&gt;
        &lt;v-card-actions&gt;
            &lt;v-btn
            color="grey"
            @click="cancelClicked"
          &gt;
            Cancel
            &lt;v-icon right&gt;fa-undo&lt;/v-icon&gt;
          &lt;/v-btn&gt;
          &lt;v-spacer&gt;&lt;/v-spacer&gt;
          &lt;v-btn
            :disabled="!valid"
            :rules="[v =&gt; !!v || 'Everything has to be valid']"
            required
            color="primary"
            @click="confirmClicked"
          &gt;
            Confirm
            &lt;v-icon right&gt;fa-check&lt;/v-icon&gt;
          &lt;/v-btn&gt;
        &lt;/v-card-actions&gt;
      &lt;/v-card&gt;
    &lt;/v-form&gt;
  &lt;/template&gt;
  
  &lt;!-- Other file, all this is for now called in simple Vuetify dialog --&gt;
  &lt;v-dialog
   persistent
   :value="true"
  &gt;
   &lt;MovementsSelect /&gt;
  &lt;/v-dialog&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/owD5K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/owD5K.png" alt="Height &gt; 600px, buttons are correctly shown at the bottom"></a></p>
  
  <p><a href="https://i.stack.imgur.com/leEeN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/leEeN.png" alt="Height &lt; 600px, buttons are missing, have to scroll down to see them "></a></p>