title: fixed position vuetify alert component
body: <p>I'm trying to create an alert component in VueJS/nuxtjs that will model the behavior of a snackbar (in this case fixed-bottom position, where it is fixed at the bottom when we scroll, so we see the alert as we're scrolling.)</p>
  <p>For some reason I couldn't find much documentation on it. I've gone thru the alert component API on vuetify, and compared it to the snackbar component, but still can't seem to figure out why it's not working.</p>
  <p>I've tried changing the position to absolute and it works, but for some reason instead of being fixed-bottom as the page scrolls it's literally fixed at the bottom and the user can't see the alert until they scroll down to the end of the page... when I use a snackbar component it works just fine, but I like the icon that alert comes with, hence the reason for using that component instead. I'll attach the code for the alert, as well as its parent component:</p>
  <p>parent:
  <code> &lt;div class=&quot;help-center-page max-w-none&quot;&gt;</code></p>
  <p>alert component:</p>
  <pre><code>&lt;div class=&quot;text-center&quot;&gt;
        &lt;v-alert :dismissible=&quot;true&quot; prominent type=&quot;error&quot;&gt;
          This is an alert.
        &lt;/v-alert&gt;
  &lt;/div&gt;
  </code></pre>