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:
- drag the screen to make ion-content or ion-list to scroll
- before scrolling ended,
click
on tab or header-button - in IOS, nothing happened,
click
event not triggered. - 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)
@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?