title: Expandable search bar in Angular 6
body: <p>I am using Angular 6 and I  want to do expandable search bar for that I have written below code.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-fewyhw" rel="nofollow noreferrer">My Code</a></p>
  
  <p>Now my problem is I want to stop transition after entering value in searchbox on focusout. If searchbar is empty then transition will happen. Please help.</p>