ScrollView snaps past its bound in Chrome and IE9
When the user drags rapidly to scroll down (does not always happen, but pretty consistent),
the scrollview will glitch and not stop. It stops finally at the bottom but has a gap at the bottom instead
of snapping to it's correct final destination.
Steps to reproduce:
1. Use the code below in app.js
2. Run with chrome or IE9
3. Drag the white scrollview to drag upwards
4. Repeat until it sticks with a noticeable gap at the bottom.
Code:
var win = Ti.UI.createWindow({
backgroundColor:'#555'
});
var scrollView = Ti.UI.createScrollView({
contentWidth: 'auto',
contentHeight: 'auto',
showVerticalScrollIndicator: true,
showHorizontalScrollIndicator: true,
height: '80%',
width: '80%',
borderWidth: 1,
borderColor: '#000'
});
var view = Ti.UI.createView({
borderWidth: 1,
borderColor: '#F00',
backgroundColor:'#FFFFFF',
borderRadius: 10,
top: 10,
height: '200%',
width: 1000
});
scrollView.add(view);
win.add(scrollView);
win.open();
This issue will most likely be fixed when we transition to a new animation system for scroll type views.
Pull Request: https://github.com/appcelerator/titanium_mobile/pull/2659
Tested On: Titanium studio : 2.1.1.201207271312 SDK version : 2.2.0.v20120807070117 Android 4.0.4 - default ,chrome 18.0 Iphone 4.3.5 - safari mobile Mountain lion(10.8) - chrome 21.0,safari 5.1.4,firefox 14.0.1
fixing labels.
fixed labels