View is scrolling 2px left/right even though scroll=false when ion-nav-buttons on right side in header

I have a few views that are able to be dragged left or right by 2px despite the fact that I have <ion-content scroll="false"> . The dragging makes the UI feel quite awkward and the movement is unexpected on these screens.

In the screenshots (sorry about the clown pic) you can see a little white vertical band that results after the whole view has been dragged to the left a little bit. It only goes that far, about 2px.

I believe the cause to be the fact that these screens have right buttons in the header. When I remove the right buttons, the issue disappears for that screen.

<ion-nav-buttons side="right">
      <button class="button button-clear" ng-click="next()">
          <i class="icon ion-arrow-right-c"></i>
      </button>
</ion-nav-buttons>   

Has anyone else experienced this? Is it a known issue? Any ideas? Thanks!

1 Like