title: Materialize CSS modal getting cropped inside another modal
body: <p>I have a modal (datepicker) inside another modal but it is getting cropped because the parent modal is not big enough to display the second modal. Is there a way to make it pop out of the parent modal and be relative to the window and not the parent modal?</p>
  
  <p>By inspecting the datepicker modal I can see that it is bigger than it appears. How is it possible if it's position is set to "fixed"?</p>
  
  <pre><code>&lt;div id="first-modal" class="modal"&gt;
   &lt;div id="second-modal" class="modal"&gt;
  
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Screenshot:
   <a href="https://i.stack.imgur.com/dN7Hl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dN7Hl.png" alt="enter image description here"></a></p>