Text fields with placeholders have weird dragging behavior in Chrome

**jep** · 22 Mar 2012 8:24 PM

Sencha Touch version tested:

1.1.1

only default sencha-touch.css

Platform tested against:

Chrome 17.0.963.83 m on XP
iOS 5.1
Safari 5.0.3 on XP

Description:

When you use the supplied test case, there is weird scrolling behavior in Chrome before you first type anything. This does not seem to happen on iOS or in Safari. I've only seen it happen in Chrome on the desktop.

Test Case:

Code:

<!DOCTYPE html>

<html>
  <head>
    <title>test</title>

    <link rel="stylesheet" href="../sencha-touch-1.1.1/resources/css/sencha-touch.css" type="text/css">
    <script type="text/javascript" src="../sencha-touch-1.1.1/sencha-touch-debug-w-comments.js"></script>

    <script type="text/javascript" src="test.js"></script>
</head>
<body>
</body>
</html>


new Ext.Application({
  name:'app',
  launch:function () {
    this.viewport = new Ext.Panel({
      layout:'fit',
      fullscreen: true,
      items:
        {
          xtype:'fieldset',
          items:[
            {
              xtype:'textfield',
              label:'First name:',
              placeHolder:'Enter first name'
            }
          ]
        }
      });
  }
});

Steps to reproduce the problem:

In desktop Chrome, click in the text box
Drag your mouse to the right

The result that was expected:

Text box should stay in place

The result that occurs instead:

Whole Text element slides left

Screenshot or Video:
textdrag.png

**mitchellsimoens** · 23 Mar 2012 5:32 AM

I'm not seeing this on Chrome.

**jep** · 23 Mar 2012 5:56 AM

Chrome what on what?

**cracknuts** · 4 Jun 2012 10:12 PM

i am facing the same issue with Ext JS 4.1 for textfields within fieldcontainer using Chrome 19 on Windows 7 Home Premium. however, it does not happen with Ext JS 4.0. you can actually test it on one of the official examples.

Reproducible at:
http://docs.sencha.com/ext-js/4-1/#!...container.html

Capture.PNG

Not happening in Ext JS 4.0:
http://docs.sencha.com/ext-js/4-0/#!/example/form/fieldcontainer.html

Text fields with placeholders have weird dragging behavior in Chrome

Thread Tools

Search Thread

Display

Text fields with placeholders have weird dragging behavior in Chrome

Text fields with placeholders have weird dragging behavior in Chrome