title: Vue vuetify v-dialog preventing screen from scrolling
body: <p>A Vuetify question. Something has just started appearing in my app. On several views/components, I have a v-dialog. Up until a short while ago, the dialog would open correctly but as it was often taller than the screen I could comfortably scroll. Now the dialog seems to have taken control in the respect that I cannot scroll at all when a dialog is open.</p>
  
  <p>This won’t scroll, so I can’t move to the bottom of the dialog. As I said, this is a “new” thing:</p>
  
  <p><a href="https://i.stack.imgur.com/wpQhB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wpQhB.png" alt="screenshot of problem"></a></p>
  
  <p>What I did, maybe this helps. I put a vue-youtube inside a new component (which is in a v-dialog), I was not happy with exactly where it was, I wanted it higher on the screen so I did the following:</p>
  
  <pre><code>&lt;style scoped&gt;
  .v-dialog {
    position: absolute;
    top: 10%;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>However, I initially forgot to use scoped. Not sure if this is the cause but all my dialogs have been affected.</p>