When a window maxHeight Config set and the window having a form and the form contains radiogroups, selecting any of the radio button scrolls the form to top for the first time.

Tested Extjs Version: 5.0.1 and 5.1.0

Tested Browser: Firefox 34.0


The fiddle is located at "https://fiddle.sencha.com/fiddle/fmk "



Code:



Ext.application({
    name : 'Fiddle',
    getYesNoRadioItems: function()
    {
        return [
                {
                    boxLabel    : 'Yes'
                    ,checked    : false
                    ,inputValue    : true
                },{
                    boxLabel    : 'No'
                    ,checked    : true
                    ,inputValue    : false
                }
            ];
    },
    launch : function()
    {
        var me = this;
        var items = [];
        for (var i = 1; i <= 12; i++)
        {
            items.push({
                        xtype        : 'radiogroup'
                        ,fieldLabel    : 'Group ' + i
                        ,defaults    : {name: 'group' + i}
                        ,items        : me.getYesNoRadioItems()
                    });
        }
        
        var form =  Ext.create('Ext.form.Panel', 
        {
            frame            : false
            ,autoScroll        : true
            ,bodyPadding    : '5px 5px 0px'
            ,trackResetOnLoad: true
            ,fieldDefaults  :
            {
                labelAlign    : 'left'
                ,labelWidth    : 200
                ,anchor        : '100%'
                ,labelStyle    : 'font-weight:bold;'
                ,labelSeparator: ''
            }
            ,items            : items
        });
        
        Ext.create('Ext.window.Window',
        {
            items        : form
            ,layout        : 'fit'
            ,maxHeight    : 200
            ,width        : 400
            ,autoShow    : true
        });
    }
});