I have several grids added to several panels using layout fit - some panels are collapsed, some are hidden. Then I do a load data to a simple array store to the grids after they are rendered. When a user performs an action that shows the grids by doing a panel.show() on the parent panel around the grid I see the grids bounce and only 4 rows show. The remaining rows are out of view. If I manually call panel.doLayout() or a user clicks a titlebar to a collapsible panel to expand it then the grid resizes correctly and shows all rows. If I do grid.getView().refresh() to re-render the grid then it breaks again.
I was able to partially reproduce this on jsfiddle:
click add button to load the store, then click the titlebar to expand the grid. no rows show. then click fix layout and all rows show. however if you repeat the process and click the show button instead of using the collapse/expand/titlebar then it works.
any ideas on how to fix this?