title: Angular material sidenav hover
body: <p>I am trying to build an Angular Sidebar. Currently, it is having a toggle effect which means, when we click it, it will collapse. If it is collapsed, it will expand. Now I am trying to expand only the item which gets hover. I need some help with this.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-8zy3pi?file=src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">StackBlitz demo</a></p>
  
  <p><img src="https://i.stack.imgur.com/sGv1k.png" alt="enter image description here"></p>