Sencha Touch version tested:

  • 1.0 rev ____

  • only default sench-touch.css

Platform tested against:

  • iOS 4


  • 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:

 <!DOCTYPE html>
     <title>scrolling test</title>
     <link rel="stylesheet" href="" type="text/css">
     <script type="text/javascript" src=""></script>
<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>';

    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
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