title: How to get Navigation drawer clipped under dialog toolbar Vuetifyjs + Vuejs
body: <p>I'm trying to get the navigation drawer clipped below the dialog toolbar.
  The <a href="https://vuetifyjs.com/en/components/navigation-drawers" rel="nofollow noreferrer">vuetify manual</a> shows how this works using <code>clipped</code> under a normal toolbar but not with dialog.  Recreated issue on: <a href="https://codepen.io/Lawrence_Nara/pen/wjGEJM" rel="nofollow noreferrer">Code pen as well</a></p>
  <p>I tried using <code>fixed</code> property or get it out of the card as well it does not work.</p>
  <p>Wondering how else to get it work.</p>
  <blockquote>
  <p>Vuetifyjs: 1.0.5
  Vuejs: 2.5.9</p>
  </blockquote>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Vue({
    el: '#app',
    data () {
        return {
          dialog: null,
          notifications: false,
          sound: true,
          widgets: false
        }
      }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet"/&gt;
  
  &lt;script src="https://unpkg.com/vue/dist/vue.js"&gt;&lt;/script&gt;
  &lt;script src="https://unpkg.com/vuetify/dist/vuetify.min.js"&gt;&lt;/script&gt;
  &lt;div id="app"&gt;
    &lt;v-app id="inspire"&gt;
      &lt;v-btn primary dark v-on:click.stop="dialog = true"&gt;Open Dialog&lt;/v-btn&gt;
      {{dialog}}
      &lt;v-dialog v-model="dialog"  transition="dialog-bottom-transition" width="80%"&gt;
        &lt;v-card&gt;
          &lt;v-toolbar dark class="primary"&gt;
            &lt;v-btn icon @click.native="dialog = false" dark&gt;
              &lt;v-icon&gt;close&lt;/v-icon&gt;
            &lt;/v-btn&gt;
            &lt;v-toolbar-title&gt;Settings&lt;/v-toolbar-title&gt;
            &lt;v-spacer&gt;&lt;/v-spacer&gt;
            &lt;v-toolbar-items&gt;
              &lt;v-btn dark flat @click.native="dialog = false"&gt;Save&lt;/v-btn&gt;
            &lt;/v-toolbar-items&gt;
          &lt;/v-toolbar&gt;
           &lt;v-navigation-drawer
                                          temporary
                                          absolute
                                          clipped
                                          right
                                          width=""
                                          height=""
  
                                  &gt;
                                      &lt;v-list light one-line class="grey pa-1"&gt;
                                          &lt;v-list-tile&gt;
                                              &lt;v-list-tile-content&gt;
                                                  &lt;v-list-tile-title class="white--text subheading"&gt;
                                                      HEADER
                                                  &lt;/v-list-tile-title&gt;
                                              &lt;/v-list-tile-content&gt;
                                          &lt;/v-list-tile&gt;
                                      &lt;/v-list&gt;
                                      &lt;v-list class="pt-0" dense&gt;
                                          &lt;v-divider&gt;&lt;/v-divider&gt;
                                          &lt;v-list-tile &gt;
                                                  &lt;v-icon color="grey"&gt;remove&lt;/v-icon&gt; Lorem ipsum lorem ipsum
                                          &lt;/v-list-tile&gt;
                                      &lt;/v-list&gt;
                                  &lt;/v-navigation-drawer&gt;
          &lt;v-card-media src="https://vuetifyjs.com/static/doc-images/cards/desert.jpg" height="200px"&gt;
          &lt;/v-card-media&gt;
          &lt;v-card-title primary-title&gt;
            &lt;div&gt;
              &lt;h3 class="headline mb-0"&gt;Kangaroo Valley Safari&lt;/h3&gt;
              &lt;div&gt;Located two hours south of Sydney in the &lt;br&gt;Southern Highlands of New South Wales, ...&lt;/div&gt;
            &lt;/div&gt;
          &lt;/v-card-title&gt;
          &lt;v-card-actions&gt;
            &lt;v-btn flat class="orange--text"&gt;Share&lt;/v-btn&gt;
            &lt;v-btn flat class="orange--text"&gt;Explore&lt;/v-btn&gt;
          &lt;/v-card-actions&gt;
        &lt;/v-card&gt;
      &lt;/v-dialog&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>