Sencha Touch version tested:
  • 1.0 rev ____
  • only default sench-touch.css




Platform tested against:
  • iOS 4


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>&nbsp;</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