title: Is it possible to have sticky div inside an angular form?
body: <p>I'm working with angular and angular-material.</p>
  
  <p>Inside a page, I have a form, and some buttons (grouped in a div) which are depending on this form.</p>
  
  <p>But, I'd like to have these buttons (the div) sticking the bottom of the page, even if I scroll.</p>
  
  <p>Here's some code :</p>
  
  <pre><code>&lt;form (ngSubmit)="update()" #updateForm="ngForm"&gt;
    &lt;div&gt; some content with inputs and selects &lt;/div&gt;
    &lt;div class="button-container"&gt; buttons like save, cancel, ... &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and :</p>
  
  <pre><code>.button-container {
    position: sticky !important;
    bottom: 0;
    float: right;
    z-index: 999;
  }
  </code></pre>
  
  <p>If I put the buttons out of the form, they don't work anymore. Thing is, it'd be better if I don't change the buttons' methods, and only modify HTML and CSS.
  What I did doesn't work, any idea ?</p>
  
  <p>I did this on plunker, with the same CSS properties as my project <a href="https://plnkr.co/edit/pw7zOruWwhV0o1Vya717?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/pw7zOruWwhV0o1Vya717?p=preview</a></p>