title: Vuetify v-footer overlays content
body: <p>I'm having troubles with v-footer. It overlays the content. I see this happens when I include images. Look this pen:</p>
  <p><a href="https://codepen.io/slayerbleast/pen/zYxYXZL" rel="noreferrer">https://codepen.io/slayerbleast/pen/zYxYXZL</a></p>
  <p>if you go scrolling to the end you will see how the footer grows at the end overlaping the content
  why do that? I only want the footer creates his own space...
  And this effect is worse for small devices, just resize the window</p>
  <p>This is the layout:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-app&gt;
    &lt;div class=&quot;header&quot;&gt;
      &lt;v-navigation-drawer v-model=&quot;drawer&quot; app&gt;
        &lt;v-list-item&gt;
          &lt;v-list-item-content&gt;
            &lt;v-list-item-title class=&quot;title&quot;&gt;
              {{ user.name }}
            &lt;/v-list-item-title&gt;
          &lt;/v-list-item-content&gt;
        &lt;/v-list-item&gt;
        &lt;v-divider&gt;&lt;/v-divider&gt;
  
        &lt;template v-slot:append&gt;
          &lt;v-list-item link @click=&quot;logout&quot;&gt;
            &lt;v-list-item-icon&gt;
              &lt;v-icon&gt;logout&lt;/v-icon&gt;
            &lt;/v-list-item-icon&gt;
  
            &lt;v-list-item-content&gt;
              &lt;v-list-item-title&gt;
                logout
              &lt;/v-list-item-title&gt;
            &lt;/v-list-item-content&gt;
          &lt;/v-list-item&gt;
        &lt;/template&gt;
      &lt;/v-navigation-drawer&gt;
  
      &lt;v-app-bar absolute app dark height=&quot;100&quot; class=&quot;px-12&quot;&gt;
        (...)
      &lt;/v-app-bar&gt;
    &lt;/div&gt;
  
    &lt;v-content&gt;
      &lt;p&gt;content&lt;/p&gt;
    &lt;/v-content&gt;
  
    &lt;v-footer absolute inset app width=&quot;auto&quot; class=&quot;py-12&quot;&gt;
      &lt;v-container&gt;
        &lt;v-row justify=&quot;center&quot;&gt;
          &lt;v-col lg=&quot;2&quot; md=&quot;3&quot; cols=&quot;12&quot; align-self=&quot;center&quot;&gt;
            &lt;v-img
              src=&quot;https://picsum.photos/id/419/200/300&quot;
              max-width=&quot;50&quot;
              max-height=&quot;50&quot;
            /&gt;
          &lt;/v-col&gt;
        &lt;/v-row&gt;
      &lt;/v-container&gt;
    &lt;/v-footer&gt;
  &lt;/v-app&gt;
  </code></pre>