title: Materialize select not displaying in modal
body: <p>I have modal that works correctly, inside modal i have select field like this:</p>
  
  <pre><code>&lt;select name="" id=""&gt;
    &lt;option value=""&gt;test&lt;/option&gt;
    &lt;option value=""&gt;test 1&lt;/option&gt;
    &lt;option value=""&gt;test 2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>My initialization:</p>
  
  <pre><code>$(document).ready(function () {
          $('.modal').modal();
          $('select').formSelect();
      });
  </code></pre>
  
  <p>Outside modal it works, so maybe there some css changes need to be applied.
  Proper working select outside modal select code when opened looks like this:</p>
  
  <pre><code>&lt;ul id="select-options-15eef910-6f5c-ea6f-a7e5-1a9eeb3c4047" class="dropdown-content select-dropdown" tabindex="0" style="display: block; width: 1182.11px; left: 0px; top: -238.984px; height: 284.98px; transform-origin: 0px 100% 0px; opacity: 1; transform: scaleX(1) scaleY(1);"&gt;&lt;li id="select-options-15eef910-6f5c-ea6f-a7e5-1a9eeb3c40470" tabindex="0" class=""&gt;&lt;span&gt;test&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-15eef910-6f5c-ea6f-a7e5-1a9eeb3c40471" tabindex="0"&gt;&lt;span&gt;test 1&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-15eef910-6f5c-ea6f-a7e5-1a9eeb3c40472" tabindex="0"&gt;&lt;span&gt;test 2&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-15eef910-6f5c-ea6f-a7e5-1a9eeb3c40473" tabindex="0"&gt;&lt;span&gt;test 2&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-15eef910-6f5c-ea6f-a7e5-1a9eeb3c40474" tabindex="0" class=""&gt;&lt;span&gt;test 2&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-15eef910-6f5c-ea6f-a7e5-1a9eeb3c40475" tabindex="0" class="selected"&gt;&lt;span&gt;test 2&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-15eef910-6f5c-ea6f-a7e5-1a9eeb3c40476" tabindex="0"&gt;&lt;span&gt;test 2&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>Don't know how to display that readable here(it's my first question) so basically, it calculates height and other css stuff itself but in modal it looks like this:
  <a href="https://i.stack.imgur.com/u04Ei.png" rel="nofollow noreferrer">Here screenshot</a></p>
  
  <p>And select field code in browser when opened:</p>
  
  <pre><code>&lt;ul id="select-options-f505c135-4908-3edb-6944-32b5e7f00630" class="dropdown-content select-dropdown" tabindex="0" style="display: block; width: 584.453px; left: 0px; top: 0px; height: 0px; transform-origin: 0px 0px 0px; opacity: 1; transform: scaleX(1) scaleY(1);"&gt;&lt;li class="disabled selected" id="select-options-f505c135-4908-3edb-6944-32b5e7f006300" tabindex="0"&gt;&lt;span&gt;Выберите роль&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-f505c135-4908-3edb-6944-32b5e7f006301" tabindex="0"&gt;&lt;span&gt;Менеджер&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-f505c135-4908-3edb-6944-32b5e7f006302" tabindex="0"&gt;&lt;span&gt;"Покупатель"&lt;/span&gt;&lt;/li&gt;&lt;li id="select-options-f505c135-4908-3edb-6944-32b5e7f006303" tabindex="0"&gt;&lt;span&gt;Admin&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>As you see now calculations in all fields zero.
  Searched few hours but didn't find exact answer in my case.</p>
  
  <p>also here my includes:</p>
  
  <p><code>{{--Material--}}
      &lt;link href="css/materialize.min.css" rel="stylesheet"&gt;
   {{-- Material --}}
      &lt;script src="js/materialize.min.js"&gt;&lt;/script&gt;</code></p>