# Prevent scrolling while swiping on ion-item

**URL:** <https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708>\
**Category:** ionic-v1\
**Created:** [December 25, 2014, 3:01pm UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708 "2014-12-25T15:01:34Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mastermind91](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mastermind91/32/7423_2.png) [@Mastermind91](https://forum.ionicframework.com/u/Mastermind91)\
**Post date:** [December 25, 2014, 3:01pm UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708/1 "2014-12-25T15:01:34Z")

</div>

Hello,

currently, if you are swiping to the left on an ion-item with an ion-option-button given, the list scrolls vertically. This behaviour is really annoying when trying to show the ion-option-button and reduces the usability. You can see this happening here -\> [http://ionicframework.com/docs/api/directive/ionList/](http://ionicframework.com/docs/api/directive/ionList/)

Is there a way to prevent scrolling the content/list while the user swipes on an ion-item?

Regards,

Bernd

---

<div class="post-metadata">

**Author:** ![mikeacook](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mikeacook/32/7995_2.png) [@mikeacook](https://forum.ionicframework.com/u/mikeacook)\
**Post date:** [January 16, 2015, 6:33pm UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708/2 "2015-01-16T18:33:53Z")

</div>

I’m seeing the same issue, I filed a bug on GitHub to track:

> <https://github.com/ionic-team/ionic/issues/2950>

---

<div class="post-metadata">

**Author:** ![efranco](https://avatars.discourse-cdn.com/v4/letter/e/5f9b8f/32.png) [@efranco](https://forum.ionicframework.com/u/efranco)\
**Post date:** [January 30, 2015, 3:55pm UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708/3 "2015-01-30T15:55:40Z")

</div>

I’m also seeing this issue.

Like to know if anyone has ideas or work arounds. Perhaps a broadcast to the scroller when ever its swiping, but not sure where exactly look.

Thanks.

---

<div class="post-metadata">

**Author:** ![neilgoldman305](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/neilgoldman305/32/70477_2.png) [@neilgoldman305](https://forum.ionicframework.com/u/neilgoldman305)\
**Post date:** [January 30, 2015, 4:19pm UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708/4 "2015-01-30T16:19:03Z")

</div>

+1 Same issue.

There’s several annoying issues with parent containers scrolling/swiping when you only want the child to scroll/swipe. For example, I have no idea how you could do nested ion-slidebox’s, but it would be a very nice feature to have. As it is now, swiping a child slidebox will cause both the inner and outer slides to move.

---

<div class="post-metadata">

**Author:** ![efranco](https://avatars.discourse-cdn.com/v4/letter/e/5f9b8f/32.png) [@efranco](https://forum.ionicframework.com/u/efranco)\
**Post date:** [January 30, 2015, 4:34pm UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708/5 "2015-01-30T16:34:37Z")

</div>

Neil,

I Have created a nice directive that allows for left and right slide items in addition to the primary one. I have been wanted to share this with IONIC team for some time now. But I think I need a bit of polishing to do and will be glad to share it.

Thanks.

---

<div class="post-metadata">

**Author:** ![neilgoldman305](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/neilgoldman305/32/70477_2.png) [@neilgoldman305](https://forum.ionicframework.com/u/neilgoldman305)\
**Post date:** [January 30, 2015, 5:12pm UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708/6 "2015-01-30T17:12:07Z")

</div>

efranco,

That sounds great, I’d be very interested in seeing that! It’s something I’ve been wanting to implement for a while now but wasn’t really sure where to start.

---

<div class="post-metadata">

**Author:** ![adam](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/adam/32/63947_2.png) [@adam](https://forum.ionicframework.com/u/adam)\
**Post date:** [February 12, 2015, 3:25pm UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708/7 "2015-02-12T15:25:23Z")

</div>

I’ve put in a fix, please give the nightly build a test, thanks.

> <https://github.com/ionic-team/ionic/commit/9a88c4179df87046bc993cd66089ab99411be539>

---

<div class="post-metadata">

**Author:** ![PedroFelipe](https://avatars.discourse-cdn.com/v4/letter/p/5f9b8f/32.png) [@PedroFelipe](https://forum.ionicframework.com/u/PedroFelipe)\
**Post date:** [February 17, 2015, 4:46am UTC](https://forum.ionicframework.com/t/prevent-scrolling-while-swiping-on-ion-item/14708/8 "2015-02-17T04:46:28Z")

</div>

I’ve tested on iOS 8 and it works like a charm! 😊
