PDA

View Full Version : 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:



<!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:
33044

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/#!/example/form/fieldcontainer.html

35946

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

(http://docs.sencha.com/ext-js/4-0/#!/example/form/fieldcontainer.html)

aokegbile
10 Jul 2013, 8:50 AM
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/#!/example/form/fieldcontainer.html

35946

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

(http://docs.sencha.com/ext-js/4-0/#!/example/form/fieldcontainer.html)

Did you find a fix?