iOS Problem with <ion-side-menu> and <ion-content has-bouncing="false">


#1

Hi guys.

I’m facing a problem to run my app in iOS platform. I had to add has-bouncing="false" property to avoid end user to “drag” the menu content and unfortunately this causes another error (just in iOS): when my app opens the menu opens over the main screen and I don’t want this behavior.

   <ion-side-menu side="left" width="285" style="width: 285px; z-index: 0;">
        <ion-header-bar class="bar-dark">
        </ion-header-bar>
        <ion-content has-bouncing="false" overflow-scroll="false" class="dark">
      <ion-list>
          <div class="card lateral">
            <ion-item menu-close href="#/app/linhas/horarios" style="border-bottom-width:0px !important;">
                <img src="img/icon_horarios_menu.png"></img>
                <span class="menuName">Horários</span>
            </ion-item>
            <ion-item menu-close href="#/app/linhas/enderecos" style="border-bottom-width:0px !important;">
                 <img src="img/icon_itinerario_menu.png"></img>
                  <span class="menuName">Itinerários</span>
            </ion-item>
              <ion-item menu-close href="#/app/ondeEstou" style="border-bottom-width:0px !important;">
                 <img src="img/icon_previsao_menu.png"></img>
                  <span class="menuName">Previsão de horários</span>
            </ion-item>
            <ion-item menu-close href="#/app/comoChegar" style="border-bottom-width:0px !important;">
                <img src="img/icon_plano_menu.png"></img>
                <span class="menuName">Como Chegar</span>
            </ion-item>
            <ion-item menu-close href="#/app/favoritos" style="border-bottom-width:0px !important;">
                  <img src="img/icon_favoritos_menu.png"></img>
                  <span class="menuName">Favoritos</span>
            </ion-item>
            
            <ion-item menu-close href="#/app/home" style="border-bottom-width:0px !important; border-top-width:1px !important; border-color: #666666 !important;">
                  <img src="img/icon_home.png"></img>
                  <span class="menuName">Home</span>
            </ion-item>                      
            <ion-item menu-close ng-click="atualizar()" style="border-bottom-width:0px !important;">
                  <img src="img/icon_arrow.png"></img>
                  <span class="menuName">Atualizar dados</span>
            </ion-item>
          </div>
          <div style="text-align: center" ng-include src="'templates/menuDescricao.html'">
          </div>   
      </ion-list>
    </ion-content>

Do you have some suggestion?

Thanks