Bug of Ionic?


#1

I can’t use a radio or checklist with ion-option-button, this is a bug of ionic or have a way to do that?


#2

@mhartington you know that?


#3

Can you give us part of your code so that we can help you ?


#4

I have something like this… What have a ion option button (swipe to delete)

<ion-list show-delete="shouldShowDelete" can-swipe="true">        
    <ion-item class="item item-icon-left">
        <h1>Title</h1>
     <ion-option-button class="button-royal ion-trash-a" ng-click="share(item)"></ion-option-button>
     </ion-item>  
</ion-list> 

I need use this with the radio, that we can see here:

So i try this:

 <ion-radio ng-model="choice" ng-value="'A'">
    <ion-list show-delete="shouldShowDelete" can-swipe="true">        
        <ion-item class="item item-icon-left">
            <h1>Title</h1>
         <ion-option-button class="button-royal ion-trash-a" ng-click="share(item)"></ion-option-button>
         </ion-item>  
    </ion-list> 
</ion-radio>

And i got a bug…
it creates a padding, in which what is out of border I can do swipe to delete, and clicking inside I can give the checklist…
But i need all in same place… If i click, will do the radio button… and if i want to swipe, will swipe…
Understand? Sry for bad english


#5

bump, someone know how to fix it?


#6

@JC_cap buddy? you know?


#7

It seems like you are trying to create a radio button of a list right ?
[quote=“danielpt, post:4, topic:42697”]
<ion-radio ng-model=“choice” ng-value="‘A’">
<ion-list show-delete=“shouldShowDelete” can-swipe=“true”>
[/quote]
maybe you should try to swap the list and the radio to see what it gives (in order to get a list of radio this time)
I’ll try to do a codepen if I can

Edit : I fond this codePen, which does quite what you want, some modifications have to be done, but you can have a look at it

Edit n°2 : it actually doesn’t work as I thaught, the click button is badly set

Edit n°3 : forgot Edit n°2, the edit function just does a console.log(), didn’t noticed this at first