How come my swipe button in ion-list is so small?

1

image

<ion-list can-swipe="listCanSwipe" show-delete="shouldShowDelete">
	        <ion-item ng-repeat="post in infinite_posts" item="post">
          		<p> {{ post.name }} </p>
				<button ng-click='somefun2($index)'  
					class="button button-energized icon ion-paper-airplane " 
					id='btn-yahoo'>
				</button>
				<ion-option-button class="button-positive"
                   ng-click="somefun()">
			      Death
			    </ion-option-button>
	    	</ion-item>
		</ion-list>

Also, is it possible to know how far did user swiped?
swiping 10% of whole width or 30%of whole width…?

2

Is there a reason you have the show-delete attribute? There isn’t an ion-delete-button in the ion-item and this could be causing the issue. I am able to take your code and see the entire option button as long as the show-delete is removed (or if it is there an ion-delete-button exists but is not being displayed as you can’t swipe to open when it is displayed #1466). Codepen example: http://codepen.io/brandyshea/pen/mJGqwp?editors=101

1 Like
3

Thanks, I see that that could be a problem :smile: