You found a bug! We've classified it as EXTJS-7730 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Ext JS Premium Member westy's Avatar
    Join Date
    Feb 2009
    Location
    Bath, UK
    Posts
    966
    Vote Rating
    72
    westy is just really nice westy is just really nice westy is just really nice westy is just really nice westy is just really nice

      0  

    Default [4.1.0] TextArea does not behave correctly if contains no whitespace

    [4.1.0] TextArea does not behave correctly if contains no whitespace


    REQUIRED INFORMATION


    Ext version tested:
    • Ext 4.1.0


    Browser versions tested against:
    • Firefox 16


    DOCTYPE tested against:
    • html


    Description:
    • TextArea does not grow correctly, or respond to input very well if there is no whitespace in the content.


    Steps to reproduce the problem:
    • Type lots of text into a TextArea, without any whitespace (e.g. spaces or crlf).


    The result that was expected:
    • TextArea should grow to fit the content in.
    • Typing into the field should make the field stay scrolled to the bottom of the content, without pinging to the top - kinda hard to describe, try it in the example.


    The result that occurs instead:
    • TextArea not sized correctly.
    • Annoyign pinging scrolling thing as type.


    Test Case:


    Code:
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Ext Testing</title>
    
    
    
    
        <!-- Ext includes -->
        <script type="text/javascript" src="/ext4.1.2/ext-all-debug.js"></script>
        <!-- <script type="text/javascript" src="/Altus/app/FrameworkFixes.js"></script> -->
    
    
        <!-- CSS -->
        <link rel="stylesheet" href="/ext4.1.0/resources/css/ext-all.css" type="text/css">
    
    
    
    
        <script type="text/javascript">
            Ext.require([
                'Ext.form.*',
            ]);
    
    
            Ext.onReady(function() {
                Ext.create('Ext.form.FormPanel', {
                    title      : 'Sample TextArea',
                    width      : 400,
                    bodyPadding: 10,
                    renderTo   : Ext.getBody(),
                    items: [{
                        xtype     : 'textareafield',
                        grow      : true,
                        name      : 'message',
                        fieldLabel: 'Message',
                        anchor    : '100%',
                        value     : 'qwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiopqwertyuiop'
                    }]
                });
            });
        </script>
    
    
    </head>
    <body>
    </body>
    </html>

    HELPFUL INFORMATION


    Screenshot or Video:
    • None.


    See this URL for live test case: http://


    Debugging already done:
    • None.


    Possible fix:
    • None provided (no time, sorry).


    Operating System:
    • Windows 7 Professional x64

    Chers,
    Westy
    Product Architect
    Altus Ltd.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

Thread Participants: 1

Tags for this Thread