Results 1 to 5 of 5

Thread: Text fields with placeholders have weird dragging behavior in Chrome

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User jep's Avatar
    Join Date
    Sep 2010
    Posts
    862
    Vote Rating
    24
      0  

    Default Text fields with placeholders have weird dragging behavior in Chrome

    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

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,336
    Vote Rating
    1296
      0  

    Default

    I'm not seeing this on Chrome.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User jep's Avatar
    Join Date
    Sep 2010
    Posts
    862
    Vote Rating
    24
      0  

    Default

    Chrome what on what?

  4. #4
    Sencha User
    Join Date
    Jan 2009
    Posts
    2
    Vote Rating
    0
      0  

    Default

    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


  5. #5
    Sencha User
    Join Date
    Jul 2013
    Location
    35205
    Posts
    2
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by cracknuts View Post
    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

    Did you find a fix?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •