# White content when scrolling from left side of the screen only on a side-menu app on IOS

**URL:** <https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858>\
**Category:** ionic-v1\
**Created:** [August 20, 2015, 12:04pm UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858 "2015-08-20T12:04:02Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbdemonte](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jbdemonte/32/103907_2.png) [@jbdemonte](https://forum.ionicframework.com/u/jbdemonte)\
**Post date:** [August 20, 2015, 12:04pm UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858/1 "2015-08-20T12:04:02Z")

</div>

Hi,

Have you ever head about this strange bug I got on IOS (using online build of phonegab) only, it’s not present when developing on chrome ☹  
I have a side-menu application with a header (initially generated using ionic cli).

It works perfectly if I scrool the content from the middle or the left of the screen (used in portrait).  
But if I try to scroll content from the really left part (maybe 20-30px from the left side) the content become white until I release it, and more, the header left button no longer works.

Strangely (again), the bug is not present on the homepage, maybe because this page has not left button in its header, only the menu button which is not present on other “sub” pages

Here is the code of one of the sub page:

```
<ion-view id="group-create" cache-view="false" view-title="New group">

  <ion-nav-buttons side="left">
    <a ui-sref="app.home" class="button button-icon ion-chevron-left"></a>
  </ion-nav-buttons>

  <div class="main row has-header">
    <div class="col">
      <error-message></error-message>

      <form method="post" ng-submit="submit()" name="groupForm" error-field="error">
        <div class="padding">
          <label class="item item-input">
            <input type="text" placeholder="Establishment name" name="name" ng-model="name" autocomplete="off" required>
          </label>
        </div>
        <div class="padding text-center position">
          <div>
            <span ng-show="position">{{position.coords.latitude | number:4}}, {{position.coords.longitude | number:4}}</span>
          </div>
          <button type="button" class="button button-block button-calm" ng-click="getCurrentPos()">Current position</button>
        </div>
        <div class="padding">
          <button type="submit" ng-disabled="!position || groupForm.$invalid" class="button button-block button-positive">Create</button>
        </div>
      </form>
    </div>
  </div>

</ion-view>

```

Thanks

---

<div class="post-metadata">

**Author:** ![jbdemonte](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jbdemonte/32/103907_2.png) [@jbdemonte](https://forum.ionicframework.com/u/jbdemonte)\
**Post date:** [August 20, 2015, 12:14pm UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858/2 "2015-08-20T12:14:51Z")

</div>

It seems to be due to left menu touch area on the left, when I scroll horizontally from left to right, my content disapears and the header left buttons no longer works

---

<div class="post-metadata">

**Author:** ![jbdemonte](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jbdemonte/32/103907_2.png) [@jbdemonte](https://forum.ionicframework.com/u/jbdemonte)\
**Post date:** [August 24, 2015, 12:55pm UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858/3 "2015-08-24T12:55:08Z")

</div>

I’m still digging to try to fix it.  
To identify the bug source, I restarted from an empty project:

```
ionic start myApp sidemenu

```

And, just adding this:

```
.config(function($ionicConfigProvider) {
  $ionicConfigProvider.views.transition('none');
})

```

Start to give a buggy apps in some way: In the sidemenu app generated, once added this piece of code, on the playlist part, only the playlist page works fine, if you go to an playlist item page, the left oart of the app start to block the scroll and have a strange behaviour in the header (it disapears)

Here is a small video of the bug: [https://vid.me/Agdn](https://vid.me/Agdn)

---

<div class="post-metadata">

**Author:** ![jbdemonte](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jbdemonte/32/103907_2.png) [@jbdemonte](https://forum.ionicframework.com/u/jbdemonte)\
**Post date:** [August 24, 2015, 3:54pm UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858/5 "2015-08-24T15:54:04Z")

</div>

Ok, so, I finally fix it by disabling the feature “swipe Back” as said on [iOS scroll issue when using the left edge of the screen](http://forum.ionicframework.com/t/ios-scroll-issue-when-using-the-left-edge-of-the-screen/30545/4)

```
$ionicConfigProvider.views.swipeBackEnabled(false);

```

I guess swipeBack is really buggy, I can’t understand how swipe back is supposed to work while swipe is for left side menu

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [August 24, 2015, 8:56pm UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858/6 "2015-08-24T20:56:11Z")

</div>

So there are a two parts going on here.

1. Animations are being disable
2. Attempting swipe to go back

Both of these settings a bit contradictory.

Swipe to go back is attempting to animate the back transition for that view, but animations are disabled…  
So technically, this is correct.

> [@jbdemonte](#):
>
> I guess swipeBack is really buggy, I can’t understand how swipe back is supposed to work while swipe is for left side menu

Swipe to go back works by disabling the side-menu when there is a back view in the navigation stack. It’s not buggy, it’s paradigm that you see a lot in sidemenu-based apps in native development.

---

<div class="post-metadata">

**Author:** ![jbdemonte](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jbdemonte/32/103907_2.png) [@jbdemonte](https://forum.ionicframework.com/u/jbdemonte)\
**Post date:** [August 25, 2015, 5:59am UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858/7 "2015-08-25T05:59:44Z")

</div>

You mean that, what shown in the video is normal?  
For this, I just remove the animation on a fresh cli generated sidemenu app

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [August 25, 2015, 1:30pm UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858/8 "2015-08-25T13:30:16Z")

</div>

Not that it is normal, but that it is expected when you have disabled animations and not swipe to go back. If animations are disabled, swipe to go back has nothing to animate. It’s an unfortunate side-effect of how you configured it.

---

<div class="post-metadata">

**Author:** ![strikegamer](https://avatars.discourse-cdn.com/v4/letter/s/f9ae1b/32.png) [@strikegamer](https://forum.ionicframework.com/u/strikegamer)\
**Post date:** [December 5, 2016, 7:55pm UTC](https://forum.ionicframework.com/t/white-content-when-scrolling-from-left-side-of-the-screen-only-on-a-side-menu-app-on-ios/30858/9 "2016-12-05T19:55:36Z")

</div>

Works fine for me. Thanks!!