# \[RESOLVED\] Ion-item click disable inside a ion-item-sliding

**URL:** <https://forum.ionicframework.com/t/resolved-ion-item-click-disable-inside-a-ion-item-sliding/125927>\
**Category:** ionic-v3\
**Created:** [March 26, 2018, 10:20am UTC](https://forum.ionicframework.com/t/resolved-ion-item-click-disable-inside-a-ion-item-sliding/125927 "2018-03-26T10:20:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gedinfo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/gedinfo/32/118281_2.png) [@gedinfo](https://forum.ionicframework.com/u/gedinfo)\
**Post date:** [March 26, 2018, 10:20am UTC](https://forum.ionicframework.com/t/resolved-ion-item-click-disable-inside-a-ion-item-sliding/125927/1 "2018-03-26T10:20:29Z")

</div>

Hi,

I’m having a little bit of a fight with ion-item inside a ion-item-sliding

my code:

```auto
<ion-list>
        <ion-item-sliding *ngFor="let d of dipendenti; let i=index">
            <ion-item text-wrap (click)="toggleGroup(i)" [ngClass]="{active: isGroupShown(i)}" tappable>
                <ion-row>
                    <ion-col col-2 class="dropdown-container">
                        <ion-title>
                            <ion-icon [name]="isGroupShown(i) ? 'arrow-dropdown' : 'arrow-dropright'"></ion-icon>
                        </ion-title>
                    </ion-col>
                    <ion-col col-9>
                        <ion-title text-wrap>
                            <span text-wrap>
                                {{d.cognome}} {{d.nome}} - {{d.tipologia_out}}
                            </span>
                        </ion-title>
                    </ion-col>
                </ion-row>
                <ion-row *ngIf="isGroupShown(i)">
                    <ion-col col-6>
                        Stato: {{d.status}}
                    </ion-col>
                    <ion-col col-6>
                        Email: {{d.email}}
                    </ion-col>
                    <ion-col col-6>
                        Tel: {{d.tel}}
                    </ion-col>
                    <ion-col col-6>
                        Indirizzo:{{d.indirizzo}}
                    </ion-col>
                </ion-row>
            </ion-item>
            <ion-item-options side="right">
                <button ion-button (click)="editDipendente(d)" color="success">
                    <ion-icon name="create"></ion-icon>
                    Modifica
                </button>
                <button ion-button (click)="deleteDipendente(d)" color="danger">
                    <ion-icon name="trash"></ion-icon>
                    Elimina
                </button>
            </ion-item-options>
        </ion-item-sliding>
    </ion-list>

```

my problem is: toggleGroup() inside ion-item is not fired at the first time, but after I drag the item to show the item-options, ion-item’s toggleGroup() start to work as expected

thank for the help,  
Alessio

---

<div class="post-metadata">

**Author:** ![gedinfo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/gedinfo/32/118281_2.png) [@gedinfo](https://forum.ionicframework.com/u/gedinfo)\
**Post date:** [March 28, 2018, 7:11am UTC](https://forum.ionicframework.com/t/resolved-ion-item-click-disable-inside-a-ion-item-sliding/125927/2 "2018-03-28T07:11:50Z")

</div>

Nothing, it was my code to animate the sliding which was messing with the clicking

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:42pm UTC](https://forum.ionicframework.com/t/resolved-ion-item-click-disable-inside-a-ion-item-sliding/125927/3 "2021-07-19T21:42:53Z")

</div>