title: Ionic trigger modal open function with ion-searchbar focus - click not working
body: <p>I have an <code>ion-searchbar</code> that, when clicked, opens a modal. However, currently the <code>click</code> process is actually taking two clicks, one to focus, one to open the modal. I have tried to add the click to the <code>ion-toolbar</code> it is contained in, and have tried to disable the <code>ion-searchbar</code> with <code>[disabled]="true"</code>, but the disabled functionality isn't available to the <code>ion-searchbar</code>. How can I trigger the new modal to open without having to double click, and in such a way that the focus doesn't happen on the original searchbar?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-toolbar &gt;
      &lt;ion-searchbar (click)="openSearchModal()"&gt;&lt;/ion-searchbar&gt;
    &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>  openSearchModal() {
      let myModal = this.modalCtrl.create(SearchmodalPage); 
      myModal.present(); 
    }
  </code></pre>