Can't scroll ion-side-menu with native scrolling


#1

Hello everyone,

While having native scrolling i can’t scroll my side menu, although it works fine with js scrolling.
Any idea why this happens?

Video with the problem:

Menu Code:

     <ion-side-menus>


	<ion-side-menu-content>
		<ion-nav-bar class="bar-stable" >
			<ion-nav-back-button style="color:black;">
			</ion-nav-back-button>
			
			<ion-nav-buttons side="left">
				<button class="button button-icon button-clear ion-navicon" style="color:black;" menu-toggle="left">
				</button>
			</ion-nav-buttons>
		</ion-nav-bar>
		<ion-nav-view name="menuContent" ></ion-nav-view>
	</ion-side-menu-content>
	
	<ion-side-menu side="left">
		<ion-header-bar class="bar-stable menubar" align-title="center" style="height:80px; background-color:#fafafa">
test
			</ion-header-bar>
			<ion-content style="padding-top:35px;">
				<div class="list"> <!-- Also tried without it-->
				<ion-item class="item-icon-left" nav-clear menu-close href="#/app/home">
						<i class="icon ion-home" style="font-weight: bold;"></i>Ínicio
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/events">
						<i class="icon ion-calendar" style="font-weight: bold;"></i>Agenda
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/canteen">
						<i class="icon ion-wineglass" style="font-weight: bold;"></i>Ementa - ITAU
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/curriculars">
						<i class="icon ion-university" style="font-weight: bold;"></i>Minhas U.C.
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/myteachers">
						<i class="icon ion-person" style="font-weight: bold;"></i>Meus Professores
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/mytickets">
						<i class="icon ion-person-stalker" style="font-weight: bold;"></i>Senhas Secretaria
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/map/markers">
						<i class="icon ion-ios-navigate" style="font-weight: bold;"></i>Mapa
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/transports">
						<i class="icon ion-android-bicycle" style="font-weight: bold;"></i>Transportes
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/settings">
						<i class="icon ion-gear-a" style="font-weight: bold;"></i>Definições
					</ion-item>
					<ion-item class="item-icon-left" ng-show="name !== undefined" nav-clear menu-close ng-click="logoff()">
						<i class="icon ion-android-exit" style="font-weight: bold;"></i>Desligar Sessão
					</ion-item>
					
					
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/home">
						<i class="icon ion-home" style="font-weight: bold;"></i>Ínicio
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/events">
						<i class="icon ion-calendar" style="font-weight: bold;"></i>Agenda
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/canteen">
						<i class="icon ion-wineglass" style="font-weight: bold;"></i>Ementa - ITAU
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/curriculars">
						<i class="icon ion-university" style="font-weight: bold;"></i>Minhas U.C.
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/myteachers">
						<i class="icon ion-person" style="font-weight: bold;"></i>Meus Professores
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/mytickets">
						<i class="icon ion-person-stalker" style="font-weight: bold;"></i>Senhas Secretaria
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/map/markers">
						<i class="icon ion-ios-navigate" style="font-weight: bold;"></i>Mapa
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/transports">
						<i class="icon ion-android-bicycle" style="font-weight: bold;"></i>Transportes
					</ion-item>
					<ion-item class="item-icon-left" nav-clear menu-close href="#/app/settings">
						<i class="icon ion-gear-a" style="font-weight: bold;"></i>Definições
					</ion-item>
					<ion-item class="item-icon-left" ng-show="name !== undefined" nav-clear menu-close ng-click="logoff()">
						<i class="icon ion-android-exit" style="font-weight: bold;"></i>Desligar Sessão
					</ion-item>
						</div>

			</ion-content>
		</ion-side-menu>
	</ion-side-menus>

Thanks in advance :wink:


#2

Fixed. had a preventDefault on app.js :disappointed: