Ion re-order item inside unclickable (HELP) (V-4)

Ionic Framework
1

I have a list of clickable items in ionic, with the whole item being clickable. I have a toggle that will trigger ion-reoder. The problem is anything inside the is not clickable, even when the ion-reorder-group is disabled. The structure is the following:

<ion-reorder-group disabled="{{!reordering}}" click="doSomething()">   <----Not clickable
 <ion-list ngFor=....>
  <ion-reorder>
     ...
    <a (click)="openLink()">Click me</a>   <---- Not clickable
  </ion-reorder>
 </ion-list>
</ion-reorder-group>

When I remove the ion-reorder it works as expected. Does anyone have any ideas what I need to do to get around this? I like the idea of making the whole item draggable when re-order is active.

2

I just implemented this yesterday in a Stencil project. Both reorder and click are working together in my case if I do the following:

<ion-reorder-group onIonItemReorder={($event: CustomEvent<ItemReorderEventDetail>) => this.onReorder($event)} disabled={false}>
  <ion-item ion-item button onClick={() => myAction(1)} detail={false}>
    <ion-label>Hello world 1</ion-label>
    <ion-reorder slot="end"></ion-reorder>
  </ion-item>

  <ion-item ion-item button onClick={() => myAction(2)} detail={false}>
    <ion-label>Hello world 2</ion-label>
    <ion-reorder slot="end"></ion-reorder>
  </ion-item>
</ion-reorder-group>
3

Thanks for the response. I was hoping to have the ion-item inside the ion-reorder, so that the whole item is draggable when reordering is true. It is possible to do this, but just means that any clickable event is unclickable. I think it is a bug in ionic, items in ion-reorder should not be clickable when reordering is true, but seems to be happening when it is false too. Might have to use your approach if I can’t find a work around :frowning:

4

Honestly I can’t tell you more. I really used that component for the very first time yesterday and just went that way. It seems that you made way more tests than me. Would be interested to know your final solution or results, if you got time to share here, would be cool