ionic-framework: while scrolling , other components like tabs unresponsive

Ionic version: (check one with “x”) [ ] 1.x [ x] 2.x

I’m submitting a … (check one with “x”) [x ] bug report

Steps to reproduce:

  1. drag the screen to make ion-content or ion-list to scroll
  2. before scrolling ended, click on tab or header-button
  3. in IOS, nothing happened, click event not triggered.
  4. in Android, click only make scrolling to stop ,click event not triggered.

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below): Cordova CLI: 6.3.1 Ionic Framework Version: 2.0.0-rc.3 Ionic CLI Version: 2.1.17 Ionic App Lib Version: 2.1.7 Ionic App Scripts Version: 0.0.47 ios-deploy version: Not installed ios-sim version: Not installed OS: Windows 10 Node Version: v6.7.0 Xcode version: Not installed

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Reactions: 2
  • Comments: 16 (9 by maintainers)

Most upvoted comments

@jgw96 I believe it’s a bad trade off - if you don’t know the reason the app seems to behave unpredictably and almost randomly - you feel like you can’t trust the app and the feeling is a bit frustrating.

I don’t get it about jank - can the scroll be stopped on click and render at whatever position it is at the moment?

I agree that clicks can/should be blocked within the scrollable area to prevent accidental clicks but not outside of scrollable content area.

Hello all, thanks for using Ionic! So the reason that scrolling is blocked by default is for performance. A click on a button or on a segment while there is scrolling going on will cause jank. Because of this we chose to block clicks during scrolling. Is that a good trade off in y’all’s opinion?