title: ionic 3 popover is not coming next to button
body: <p>I have done is 100s of time and it works as expected but just this case. </p>
  
  <p>the popover looks like: </p>
  
  <pre><code>&lt;ion-content style="padding:5px"&gt;
    &lt;ion-label class="menu-options-link" (click)="doneTask()"&gt;Accept New Leads&lt;/ion-label&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>the page launching the popover looks like:</p>
  
  <pre><code>&lt;ion-card class="dashboard-widget-layout dashboard-widget"&gt;
    &lt;ion-card-header class="dashboard-widget-card-header"&gt;
      &lt;ion-grid&gt;
        &lt;ion-row&gt;
          &lt;ion-col&gt;
            &lt;ion-label class="dashboard-widget-header"&gt;New Leads&lt;/ion-label&gt;
          &lt;/ion-col&gt;
          &lt;ion-col col-auto&gt;
            &lt;ion-icon name="ios-more" style="zoom:1.5"
  </code></pre>
  
  <p>(click)="showOptions($event)">
              
            
          <br>
        
      </p>
  
  <p>The launching ts is</p>
  
  <pre><code>showOptions(myEvent){
    //alert('hey')
    var popover = this.leadOptionsPopup.create(LeadOptionsPage, {}, { cssClass: 'options-popover'});    
    popover.present({
      ev: myEvent
    }); 
  }
  </code></pre>
  
  <p>This should do it but the popover simply comes way off relative to the icon. </p>
  
  <p><a href="https://i.stack.imgur.com/beGnU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/beGnU.png" alt="screenshot to see how it opens"></a></p>