button is not clickable in e2e
<p>i have a button with id="logout" in my app, when i use this id to click in protractor i get error</p>

<pre><code>it('4 should click Log out', () =&gt; {    
         element.all(by.id('logOut')).click();
        browser.driver.sleep(5000);        
    });
</code></pre>

<p>my html is</p>

<pre><code>&lt;ion-buttons end&gt;
        &lt;button (click)='signOut()'&gt;
            &lt;ion-icon id="logOut"name="log-out"&gt;&lt;/ion-icon&gt;
        &lt;/button&gt;
    &lt;/ion-buttons&gt;
</code></pre>

<p>my err in terminal is </p>

<pre><code>should click Log out
      - Failed: unknown error: Element is not clickable at point (1028, 28). Other element would receive the click: &lt;button class="bar-button bar-button-default bar-button-icon-only"&gt;...&lt;/button&gt;
  (Session info: chrome=50.0.2661.94)
  (Driver info: chromedriver=2.21.371459 (36d3d07f660ff2bc1bf28a75d1cdabed0983e7c4),platform=Mac OS X 10.11.2 x86_64)
F
</code></pre>