Thank you for reporting this bug. We will make it our priority to review this report.
-
Text fields with placeholders have weird dragging behavior in Chrome
Sencha Touch version tested:
- 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
-
I'm not seeing this on Chrome.
-
-
Sencha User
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
-
Sencha User
Originally Posted by
cracknuts
Did you find a fix?
