If I place a GridPanel in the last TabPanel the rendering fails, while it works for a simple panel.

I've made a JSFiddle with the latest 4.2 RC Libraries which will show this behavior, just click on the failing tab . (The debug version prints Layout run failed to the console)

Do I miss something or is this a Bug?

25 Feb 2013, 12:12 PM

evant

The problem is that the grid can't acquire a width appropriately because it needs to measure the width of the grid, but the docked items are wider than the body. There are several ways to handle it:

1)

Code:

shrinkWrapDock: true,
xtype: 'grid',
flex: 1

This config is new in 4.2 and tells the grid to include the docked items when trying to figure out that maximum size. It's opt-in because it slightly changes the behaviour and incurs a minimal performance cost.