title: Angular mat-sidenav is not showing unless content height is set
body: <p>Was trying to get material sidebar to open over two hours, and discovered, that if there is no height set on sidenav-content, then sidebar is not opening at all.
  My goal is to have sidebar full height always on the left side, not same height what content has. Current situation with 40vh: <a href="https://i.stack.imgur.com/9DkED.png" rel="nofollow noreferrer">SideNav not full height</a></p>
  <p>Does somebody know why it is so, or should my sidenav-content be something different than at the moment?</p>
  <pre><code>    &lt;app-header (toggleSidenav)=&quot;navigationSidenav.toggle()&quot;&gt;&lt;/app-header&gt;
      &lt;mat-sidenav-container autosize=&quot;true&quot;&gt;
        &lt;mat-sidenav #navigationSidenav [fixedInViewport]=&quot;false&quot;&gt;
          &lt;mat-nav-list&gt;
            &lt;a mat-list-item [routerLink]=&quot;'/accounts'&quot;&gt; Accounts &lt;/a&gt;
            &lt;a mat-list-item [routerLink]=&quot;'/create-account'&quot;&gt; Create Account &lt;/a&gt;
            &lt;a mat-list-item [routerLink]=&quot;'/contacts'&quot;&gt; Contacts &lt;/a&gt;
            &lt;a mat-list-item [routerLink]=&quot;'/create-contact'&quot;&gt; Create Contact &lt;/a&gt;
            &lt;a mat-list-item [routerLink]=&quot;'/activities'&quot;&gt; Activities &lt;/a&gt;
            &lt;a mat-list-item [routerLink]=&quot;'/create-activity'&quot;&gt; Create Activity &lt;/a&gt;
            &lt;a mat-list-item (click)=&quot;navigationSidenav.toggle()&quot;&gt;Close&lt;/a&gt;
          &lt;/mat-nav-list&gt;
        &lt;/mat-sidenav&gt;
        &lt;mat-sidenav-content&gt;
          &lt;div style=&quot;height: 40vh;&quot;&gt;
            &lt;router-outlet&gt;&lt;/router-outlet&gt;
          &lt;/div&gt;
        &lt;/mat-sidenav-content&gt;
      &lt;/mat-sidenav-container&gt;
  </code></pre>
  <p>App header looks like so</p>
  <pre><code>&lt;mat-toolbar color=&quot;primary&quot;&gt;
   &lt;mat-toolbar-row&gt;
      &lt;button mat-icon-button (click)=&quot;toggleSidenav.emit()&quot;&gt;
          &lt;mat-icon&gt;menu&lt;/mat-icon&gt;
      &lt;/button&gt;
    &lt;/mat-toolbar-row&gt;
  &lt;/mat-toolbar&gt;
  </code></pre>