Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-6796 in a recent build.
  1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    47
    Vote Rating
    0
    Andrew Peacock is on a distinguished road

      0  

    Default [4.1] Text field size changes when on focus / blur in IE8

    [4.1] Text field size changes when on focus / blur in IE8


    Hi,
    I've got a problem with a text field that shrinks to 1 character wide when it gains focus, then grows to 3 characters as I enter a few characters, then if I focus elsewhere on the page, it goes back to it's default size. This is in IE 8 only.

    Here is the sample code:

    Code:
    <html>
        <head>
            <title></title>
            <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
            <script type="text/javascript" src="extjs/ext-debug.js"></script>        
            <script>
            Ext.application({
                name: 'HelloExt',
                launch: function() {
                    Ext.create('Ext.container.Viewport', {
                        layout: 'fit',
                        items: [
                            {
                                title: "test",
                                dockedItems: [
                                    {
                                        xtype: 'toolbar',
                                        dock: 'top',
                                        items: [
                                
                                            // begin using the right-justified button container
                                            '->', // same as { xtype: 'tbfill' }
                                            {
                                                xtype    : 'textfield',
                                                name     : 'searchfield',
                                                emptyText: 'Enter search term',
                                                size: 20
                                            }
                                        ]
                                    }
                               ]
                            }
                        ]
                    });
                }
            });
                        
                
            
            </script>
        </head>
        <body>
        </body>
    </html>
    Anyone else seeing this?

    Andy

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,545
    Vote Rating
    873
    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. We will take a look at this but looks like a field in IE cannot be shrink wrapped but we will look into it.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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.

Thread Participants: 1

Tags for this Thread