You found a bug! We've classified it as EXTJSIV-8530 . 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
    Join Date
    Nov 2011
    Posts
    143
    Vote Rating
    2
    Qarea is on a distinguished road

      0  

    Default FocusManager border frame bug in modal windows

    FocusManager border frame bug in modal windows


    REQUIRED INFORMATION


    Ext version tested:
    • Ext 4.2.0.376
    • Ext 4.1.3
    • Ext 4.1.1

    Browser versions tested against:
    • FF9 Ubuntu 12.10
    • Chromium 24 on Ubuntu 12.10
    • FF9 Windows7

    DOCTYPE tested against:
    • html

    Description:
    • Focus frame doesn't change its size and position accordingly modal window.

    Steps to reproduce the problem 1:
    • Run the sample in appropriate browser
    • Move appeared window to any direction by mouse

    The result that was expected after steps of problem 1:
    • Focus frame doesn't change position

    The result that occurs instead after steps of problem 1:
    • Focus frame should change its position accordingly focused component

    Steps to reproduce the problem 2:
    • Run the sample in appropriate browser
    • Change window size by mouse

    The result that was expected after steps of problem 2:
    • Focus frame doesn't change its size

    The result that occurs instead after steps of problem 2:
    • Focus frame should change its size accordingly focused component


    Test Case:

    Code:
    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Test extjs project</title>
    
            <!-- <link href="http://cdn.sencha.io/ext-4.1.1-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" charset="utf-8" src="http://cdn.sencha.io/ext-4.1.1-gpl/ext-all.js"></script> -->
            <link href="/ext-4.2.0.376/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" charset="utf-8" src="/ext-4.2.0.376/ext-all.js"></script>
    
            <script type="text/javascript">
            Ext.onReady(function() {
                Ext.FocusManager.enable(true);
                Ext.create('Ext.window.Window', {
                    title: 'Hello',
                    height: 200,
                    width: 400,
                    layout: 'fit',
                    modal: true,
                    items: [
                        {
                            xtype: 'form',
                        }
                    ]
                }).show();
            });
            </script>
        </head>
        <body>
        </body>
    </html>


    HELPFUL INFORMATION


    Screenshot or Video:
    See this URL for live test case: http://


    Debugging already done:
    • none

    Possible fix:
    • not provided

    Additional CSS used:
    • only default ext-all.css

    Operating System:
    • Ubuntu 12.10
    • Windows 7
    Last edited by Qarea; 5 Feb 2013 at 9:07 AM. Reason: Specify extjs version

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,582
    Vote Rating
    433
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


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

Tags for this Thread