title: Vuetify - Open dialog with position relative to element (eg. button)
body: <p>I am trying to position a v-dialog, with a v-card inside it, relative to a button.
  This button is the activator for the dialog, and I want the dialog top left corner of the v-card to be touching the top right corner of the button when it opens - <a href="https://i.stack.imgur.com/anc2e.png" rel="nofollow noreferrer">example</a>.
  Currently it opens at the center of the screen.</p>
  
  <p>I tried changing the position to all variables, the only result I can get is with the position: absolute and specifying top right values, I haven't been able to relate it to the button. I could settle with the position: absolute, top 8px, left 30px or whatever if it worked, but for some reason it doesn't, i have to specify a negative value for the left property, and as screen size changes it causes problems.
  <a href="https://i.stack.imgur.com/5hkqW.png" rel="nofollow noreferrer">this is the element structure vuetify creates</a>, the dialog is always on a div outside the main app div, no matter where I position the  tag in the code.</p>
  
  <p>Thanks</p>