title: how to remove autofocus in angular?
body: <p>I am using <code>angular 6</code> with <code>angular material design</code>.I make simple application of <code>slidebar</code> with <code>toggle menu</code> icon. I am facing one issue .whenever I am selection any item from <code>slidebar menu</code> currently I have <code>3</code> items select any item .It close my slide bar navigation , but my <code>menu button</code> is auto focus .</p>
  
  <p>here is my code</p>
  
  <p><a href="https://stackblitz.com/edit/angular-353qur?file=src%2Fapp%2Fcontactmanager%2Fcomponents%2Ftoolbar%2Ftoolbar.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-353qur?file=src%2Fapp%2Fcontactmanager%2Fcomponents%2Ftoolbar%2Ftoolbar.component.html</a></p>
  
  <p><a href="https://i.stack.imgur.com/pe46v.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pe46v.png" alt="enter image description here"></a></p>
  
  <p><strong>Steps to reproduce this bug</strong></p>
  
  <ol>
  <li>Select menu button or icon .it shows sidebar having three option.</li>
  <li>Select any option it close sidebar and <code>menu</code> icon is auto focus .why ??</li>
  </ol>
  
  <p>I want to remove auto focus after selection of item from sidebar </p>
  
  <p><strong>Update</strong></p>
  
  <p>Please check on <code>mobile</code> .click on <code>F12</code> and selection mobile.
  please check on small device</p>
  
  <p><strong>const SMALL_WIDTH_BREAKPOINT = 560;</strong></p>
  
  <p><strong>Important point</strong></p>
  
  <p>you will only reproduce this bug when you output window in less than 500px</p>