title: Material Components Web - Persistent and Perminent Drawer are Not Displayed as Expected
body: <p>I am following the Material Components Web <a href="https://github.com/material-components/material-components-web/tree/master/packages/mdc-drawer" rel="nofollow noreferrer">docs</a>. As a template of the page I am using the very basic template as detailed in the quick start -  My undertsnading is that this template is a "including all" template:
  it uses:
  node_modules/material-components-web/dist/material-components-web.css
  and,
  <a href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js" rel="nofollow noreferrer">https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js</a>
  (complete code below)</p>
  
  <p>Seem like Persistent Drawer and Permanent Drawer are not displayed as expected. Not slidable, not aside to the left, not stretching its height.</p>
  
  <p>Note that the Temporary drawer does work as expected.</p>
  
  <p>What am I missing?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p>
    
      Material Components for the web
      
    
    </p>
  
  <pre><code>&lt;aside class="mdc-persistent-drawer mdc-typography"&gt;
  &lt;nav class="mdc-persistent-drawer__drawer"&gt;
      &lt;header class="mdc-persistent-drawer__header"&gt;
      &lt;div class="mdc-persistent-drawer__header-content"&gt;
          Header here
      &lt;/div&gt;
      &lt;/header&gt;
      &lt;nav id="icon-with-text-demo" class="mdc-persistent-drawer__content mdc-list"&gt;
      &lt;a class="mdc-list-item mdc-persistent-drawer--selected" href="#"&gt;
          &lt;i class="material-icons mdc-list-item__start-detail" aria-hidden="true"&gt;inbox&lt;/i&gt;Inbox
      &lt;/a&gt;
      &lt;a class="mdc-list-item" href="#"&gt;
          &lt;i class="material-icons mdc-list-item__start-detail" aria-hidden="true"&gt;star&lt;/i&gt;Star
      &lt;/a&gt;
      &lt;/nav&gt;
  &lt;/nav&gt;
  &lt;/aside&gt;
  
  
  &lt;h2 class="mdc-typography--display2"&gt;Hello, Material Components!&lt;/h2&gt;
  &lt;div class="mdc-textfield" data-mdc-auto-init="MDCTextfield"&gt;
    &lt;input type="text" class="mdc-textfield__input" id="demo-input"&gt;
    &lt;label for="demo-input" class="mdc-textfield__label"&gt;Tell us how you feel!&lt;/label&gt;
  &lt;/div&gt;
  
  
  &lt;script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;window.mdc.autoInit();&lt;/script&gt;
  
  
  &lt;script&gt;
      let drawer = new mdc.drawer.MDCPersistentDrawer(document.querySelector('.mdc-persistent-drawer'));
      drawer.open = true;
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>