Scroll in ionicmodal is not working


#1

In my case it is Android 2.3.6. I’ve got an app with the $ionicModal:

  $ionicModal.fromTemplateUrl('products_modal.html', {
    scope: $scope,
    animation: 'slide-in-up',
    focusFirstInput: false,
    backdropClickToClose: true,
    hardwareBackButtonClose: true
  }) ...

The template contains:

<div class="my-content">
	<div class="my-list" >
	    <div class="my-item" ng-repeat="..">                 
	    </div>
    </div>
</div>

And the css for the list is:

.my-content {
	width: 100%;
	height: 100%;
	margin-top: 94px;
	overflow-y: scroll;
}
.my-list {
	list-style: none;
	font-size: 25px;
	line-height: 62px;
}

.my-item {
	height: 62px;
	border-bottom: 1px solid #ddd;
	padding-left: 15px;;
	width: 100%;
}

On the Android 2.3.6 that I tested (Samsung Galaxy Mini, very popular) scrolling the

is impossible. Could you please help me with resolving this issue?

Another problem is the SELECT element that I’ve placed in the sidebar menu. If clicked, nothing happens. No items from the select can be selected.

Of course everything works properly on Android 4.x, but Android 2.x is still some part of the market that I’d like to support.

Could any of you have any experience how to make the select and scroll in modal work?


rafal


#2

If anyone would have the same issues here is my observation… Give up. Android 2.x has built in feature of not working select element and not working overflow-scroll divs. Solution is a popover that would replace the select element and there’s no solution for scollable list. Of course you can use the ion-content container, but it’s so slow for more than 10 items in the list that it is not worth to bother. Eventually crosswalk or webview+ from coconutjs may be some solution, but I give up. In my case it’s not worth my efforts.


#3

Yeah, android 2.3 is a rough place to be. It’s basically the IE of the mobile world. Which is why we’ve dropped support for it.

The only way to kill off that version of android is to stop supporting it