[CLOSED-591] scrolled text jumps back
Sencha Touch version tested:
- only default sench-touch.css
Platform tested against:
Description:
- Created a panel with text that goes offscreen.
Panel is set to scroll vertically.
Text scrolls with touch/drag, but when released goes back to original position.
This makes it impossible to reach the bottom of the text.
Test Case:
Code:
<!DOCTYPE html>
<html>
<head>
<title>scrolling test</title>
<link rel="stylesheet" href="http://192.168.1.122/lib/sencha-touch-1.0/resources/css/sencha-touch.css" type="text/css">
<script type="text/javascript" src="http://192.168.1.122/lib/sencha-touch-1.0/sencha-touch-debug.js"></script>
</head>
<body><div id='container'></div></body>
<script type="text/javascript" >
// create multiline sampletext with "TOP OF FILE" on first line and "END OF FILE" on last line
var sampleText = '<p>The quick brown fox jumped over the lazy dog.</p><p> </p>';
for (var i = 0; i < 6; i++) sampleText += sampleText;
sampleText = '<p>TOP OF FILE</p>' + sampleText + '<p>END OF FILE</p>';
Ext.setup({
tabletStartupScreen: 'img/tablet_startup.png',
phoneStartupScreen: 'img/phone_startup.png',
icon: 'img/icon.png',
glossOnIcon: false,
onReady: function() {
new Ext.Panel({
renderTo: 'container',
scroll: 'vertical',
html: sampleText
});
}
})
</script>
</html>
See this URL : http://
Steps to reproduce the problem:
- load file, drag with finger, text will scroll
- release finger, text will jump back to the top of the file
The result that was expected:
- scrolled text would remain in position
The result that occurs instead:
- scrolled text springs back
Setting Height doesn't work
I'm setting the height and this is not solving this problem.
