title: ion-item cuts off an absolute positioned element
body: <p><code>ion-item</code> cuts off an image that i have absolutely positioned. putting ion-item overflow on auto has brought nothing...</p>
  
  <p><strong>Example</strong></p>
  
  <p><a href="https://i.stack.imgur.com/kQTF5.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kQTF5.jpg" alt="enter image description here"></a></p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>&lt;ion-item-sliding class="itemBooksContainer" #slidingBooks&gt;
          &lt;ion-item item-wrap class="itemBooks"&gt;
            &lt;ion-icon ios="ios-paper" md="md-paper" item-start&gt;&lt;/ion-icon&gt;
            &lt;strong&gt;{{ "STATISTICS.books" | translate }}&lt;/strong&gt;
            &lt;strong item-end&gt;{{ currentMonthDataBooks }}&lt;/strong&gt;
            &lt;span class="swipeHand" *ngIf="showFinger"&gt;
              &lt;img height="100" src="../../assets/img/swipeHand.png" alt="Swipe"&gt;
            &lt;/span&gt;
          &lt;/ion-item&gt;
          &lt;ion-item-options side="left"&gt;
            &lt;button ion-button color="danger" icon-only (click)="substractBooks()"&gt;&lt;ion-icon ios="ios-remove" md="md-remove"&gt;&lt;/ion-icon&gt;&lt;/button&gt;
            &lt;button ion-button color="light"&gt;{{ currentMonthDataBooks }}&lt;/button&gt;
          &lt;/ion-item-options&gt;
          &lt;ion-item-options side="right"&gt;
            &lt;button ion-button icon-only (click)="addBooks()"&gt;&lt;ion-icon ios="ios-add" md="md-add"&gt;&lt;/ion-icon&gt;&lt;/button&gt;
          &lt;/ion-item-options&gt;
        &lt;/ion-item-sliding&gt;
  </code></pre>
  
  <p>The hand should be completely visible..... :-) What´s the problem? </p>