title: materialize css double modal
body: <p>When I show one modal, and an action inside this modal displays another modal, all the screen gets opacity, and that's annoying of course.</p>
  
  <p>I see that materialize creates an element, at the end of the DOM:</p>
  
  <pre><code>&lt;div class="lean-overlay" id="materialize-lean-overlay-1" style="z-index: 1002; display: block;opacity: 0.5;"&gt;&lt;/div&gt;
  &lt;div class="lean-overlay" id="materialize-lean-overlay-2" style="z-index: 1004; display: block;opacity: 0.5;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I should set the opacity of the last element to 0.</p>
  
  <p>But I think this solution won't work in all cases (sometimes is <code>id="materialize-lean-overlay-XXX"</code>). I can loop all <code>class="lean-overlay"</code> elements, and set the opacity of the last element to 0, but not sure if it's the best solution.</p>
  
  <p>What do you think? Thanks!!</p>