Side menu drag-content conflicts with horizontal ion-scroll

[pennersr]

See:

http://codepen.io/anon/pen/BbdJv

The red box is of type ion-scroll, and hence should be scrollable. Currently it is not. If the sidemenu drag-content is put to false it becomes scrollable again.

[ajoslin]

I'm not sure what we should do in this kind of situation.

Should scroll containers stopPropagation of touch events?

@adamdbradley what do you think?

[adamdbradley]

Stopping propagation and/or preventing the default can easily have some negative side effect (taps won't work, keyboard won't show, scroll doesn't work, etc). In your case you want a horizontal scrollable area that can scroll when you swipe left and right, but it is also on top of a side menu which you open up either swiping left or right. I'd try to avoid this scenario as it may cause many other UX issues. We'll close this issue for now, but will keep an eye out of ways to improve this scenario. Thanks.

[ivancamilov]

Issue #1725 is somewhat related to this. The referenced codepen is probably what you're looking for if you came here via Google.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.