[B3] radiofield in toolbar in a tabpanel laid out incorrectly on first tab activate

[slemmon]

I have a window with two tabs. I have a toolbar with a button and two radio fields at the top of each tab. The radiofields are laid out incorrectly the first time tab 2 is activated. Subsequent activations of the tab improve the layout.

Ext.onReady(function () {
    Ext.widget('window', {
        title: 'My Window'
        , height: 200
        , width: 200
        , autoShow: true
        , layout: 'fit'
        , items: [{
            xtype: 'tabpanel'
                , items: [{
                    title: 'tab 1'
                        , dockedItems: [{
                            xtype: 'toolbar'
                            , dock: 'top'
                            , items: [{
                                text: 'Test Button'
                            }, {
                                xtype: 'radiofield'
                                , boxLabel: 'ONE'
                                , name: 'test1'
                                , inputValue: 'one'
                                , checked: true
                            }, {
                                xtype: 'radiofield'
                                , boxLabel: 'TWO'
                                , name: 'test1'
                                , inputValue: 'two'
                                , margin: '0 0 0 5'
                            }]
                        }]
                    }, {
                        title: 'tab 2'
                        , dockedItems: [{
                            xtype: 'toolbar'
                            , dock: 'top'
                            , items: [{
                                text: 'Test Button'
                            }, {
                                xtype: 'radiofield'
                                , boxLabel: 'ONE'
                                , name: 'test2'
                                , inputValue: 'one'
                                , checked: true
                            }, {
                                xtype: 'radiofield'
                                , boxLabel: 'TWO'
                                , name: 'test2'
                                , inputValue: 'two'
                                , margin: '0 0 0 5'
                            }]
                        }]
                    }]
                }]
        });
})

tab1.png
tab2.png

[mitchellsimoens]

Thanks for the report.

[dongryphon]

We think we have a solution for this and other related layout issues.

It turns out this is a much deeper issue than it appears because the root cause is the effect of the width of the container box (the toolbar) on the field. It causes the field to wrap and we measure it in that state initially.

The fix is being tested now, so we'll keep you posted. ... crossing fingers

[dongryphon]

@slemmon,

By the way... Thanks for all your help in posting really good bug reports like this one. It is very much appreciated and really speeds up the test/fix process massively.

[slemmon]

Beautiful. Thx for the update.

[slemmon]

You bet.
Happy to partner with you guys as much as I can.

[slemmon]

This appears to be fixed by 4.1.1 RC1 (or before).
Is it possible to mark this thread as Fixed?

Thx.