Grid doesnt work on Android


#1

I use ionic’s grid on most pages and it works great. However, on contacts page, it doesnt work on an Android. In the browser it works just fine.

Browser:

On Android 4.2:

Code:

<ion-item ng-repeat="friend in friends | orderBy:'state.substr(1,2)'" type="item-text-wrap" ng-class="{{friend.state}}"  href="#/tab/friend/{{friend.id}}">
	<div  class="row">
		<div class="col-75">
			{{friend.name}} <br>
			<h6>{{friend.group}}<h6>
		</div>
		<div class="col-10">
			 <i class="icon ion-flag {{friend.state}}"></i>
		</div>
		<div class="col-10">
			<label class="toggle toggle-assertive">
				<input type="checkbox" ng-checked="friend.ban">
				<div class="track">
					<div class="handle"></div>
				</div>
			</label>
		</div>

	</div>
</ion-item>

#2

ΕDid you solve this? I have the same issue


#3

Same here, but the weird part is certain Android phones act this way.
Tested on Samsung S6, HTC M7, Samsung Note 3 & LG G Pro. Only the LG G Pro is not aligned, no clue why.


#4

I think the reason is because in the class your do not use class=“col col-10”