title: Fixed modal footer above scrollable content
body: <p>I can't seem to get the footer in my modal to be fixed at the bottom with the content scrolling underneath.</p>
  
  <pre><code>&lt;div id="children-modal" class="modal" materialize="modal" [materializeParams]="[{dismissible: false}]" [materializeActions]="modalActions"&gt;
    &lt;div class="modal-content"&gt;
      &lt;h4 id="modal-title"&gt;What to do with your god damn kids&lt;/h4&gt;
      &lt;p id="modal-text"&gt;A bunch of text&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
      &lt;a id="close-modal-button" class="right waves-effect waves-white btn-flat" (click)="closeModal()"&gt;Close&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  .modal {
    width: 95%;
    padding: 0px;
  }
  
  .modal-content {
    height: auto !important;
    padding: 0px;
  }
  
  .modal-footer {
    position: fixed;
  }
  </code></pre>
  
  <p>The footer disappears. Any ideas?</p>