With the below example code, when the page loads, the GridPanel's vertical scroll bar is partially hidden (see ExampleA.png).  Then when the window is resized smaller, the GridPanel's vertical scroll bar is completely hidden, and there is no horizontal scroll bar to scroll to the rest of the GridPanel's contents (see ExampleB.png).

Am I doing something wrong, or is this a bug?

I'm using Coolite version 0.8.0.24069

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestPage.aspx.cs" Inherits="TestPage" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Ext.IsAjaxRequest)
        {
            this.Store1.DataSource = new object[]
            {
                new object[] {"3m Co", 71.72, 0.02, 0.03, "9/1 12:00am"},
                new object[] {"Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am"},
                new object[] {"Altria Group Inc", 83.81, 0.28, 0.34, "9/1 12:00am"},
                new object[] {"American Express Company", 52.55, 0.01, 0.02, "9/1 12:00am"},
                new object[] {"American International Group, Inc.", 64.13, 0.31, 0.49, "9/1 12:00am"},
                new object[] {"AT&amp;T Inc.", 31.61, -0.48, -1.54, "9/1 12:00am"},
                new object[] {"Boeing Co.", 75.43, 0.53, 0.71, "9/1 12:00am"},
                new object[] {"Caterpillar Inc.", 67.27, 0.92, 1.39, "9/1 12:00am"},
                new object[] {"Citigroup, Inc.", 49.37, 0.02, 0.04, "9/1 12:00am"},
                new object[] {"E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28, "9/1 12:00am"},
                new object[] {"Exxon Mobil Corp", 68.1, -0.43, -0.64, "9/1 12:00am"},
                new object[] {"General Electric Company", 34.14, -0.08, -0.23, "9/1 12:00am"},
                new object[] {"General Motors Corporation", 30.27, 1.09, 3.74, "9/1 12:00am"},
                new object[] {"Hewlett-Packard Co.", 36.53, -0.03, -0.08, "9/1 12:00am"},
                new object[] {"Honeywell Intl Inc", 38.77, 0.05, 0.13, "9/1 12:00am"},
                new object[] {"Intel Corporation", 19.88, 0.31, 1.58, "9/1 12:00am"},
                new object[] {"International Business Machines", 81.41, 0.44, 0.54, "9/1 12:00am"},
                new object[] {"Johnson &amp; Johnson", 64.72, 0.06, 0.09, "9/1 12:00am"},
                new object[] {"JP Morgan &amp; Chase &amp; Co", 45.73, 0.07, 0.15, "9/1 12:00am"},
                new object[] {"McDonald\"s Corporation", 36.76, 0.86, 2.40, "9/1 12:00am"},
                new object[] {"Merck &amp; Co., Inc.", 40.96, 0.41, 1.01, "9/1 12:00am"},
                new object[] {"Microsoft Corporation", 25.84, 0.14, 0.54, "9/1 12:00am"},
                new object[] {"Pfizer Inc", 27.96, 0.4, 1.45, "9/1 12:00am"},
                new object[] {"The Coca-Cola Company", 45.07, 0.26, 0.58, "9/1 12:00am"},
                new object[] {"The Home Depot, Inc.", 34.64, 0.35, 1.02, "9/1 12:00am"},
                new object[] {"The Procter &amp; Gamble Company", 61.91, 0.01, 0.02, "9/1 12:00am"},
                new object[] {"United Technologies Corporation", 63.26, 0.55, 0.88, "9/1 12:00am"},
                new object[] {"Verizon Communications", 35.57, 0.39, 1.11, "9/1 12:00am"},
                new object[] {"Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, "9/1 12:00am"}
            };

            this.Store1.DataBind();
        }
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Coolite Toolkit Example - Simple Array Grid</title>
    <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />    

    <script type="text/javascript">
        var template = '{1}';

        var change = function(value) {
            return String.format(template, (value > 0) ? 'green' : 'red', value);
        }

        var pctChange = function(value) {
            return String.format(template, (value > 0) ? 'green' : 'red', value + '%');
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        
        <ext:Store ID="Store1" runat="server">
            <Reader>
                <ext:ArrayReader>
                    <Fields>
                        <ext:RecordField Name="company" />
                        <ext:RecordField Name="price" Type="Float" />
                        <ext:RecordField Name="change" Type="Float" />
                        <ext:RecordField Name="pctChange" Type="Float" />
                        <ext:RecordField Name="lastChange" Type="Date" DateFormat="n/j h:ia" />
                    </Fields>
                </ext:ArrayReader>
            </Reader>
        </ext:Store>
        
        <ext:ViewPort ID="ViewPort1" runat="server">
            <Body>
                <ext:BorderLayout ID="BorderLayout1" runat="server">
                    <Center MarginsSummary="5 5 5 5">
                        <ext:TabPanel ID="TabPanel1" DeferredRender="false" runat="server" ActiveTabIndex="0" Title="TabPanel">
                            <Tabs>
                                <ext:Tab ID="tabTest" Icon="Error" runat="server" Title="Test" StyleSpec="padding: 6px;">
                                    <Body>
                                        <ext:ColumnLayout ID="ColumnLayout1" runat="server" FitHeight="true">
                                            <ext:LayoutColumn ColumnWidth=".50">
                                                <ext:Panel ID="pnlTest" Border="false" runat="server" MonitorResize="true">
                                                    <Body>
                                                        <ext:RowLayout ID="RowLayout1" runat="server">
                                                            <ext:LayoutRow RowHeight=".40">
                                                                <ext:GridPanel 
                                                                    ID="GridPanel1" 
                                                                    runat="server" 
                                                                    StoreID="Store1" 
                                                                    StripeRows="true"
                                                                    Title="Array Grid" 
                                                                    TrackMouseOver="true"
                                                                    MonitorResize="true"
                                                                    AutoExpandColumn="Company">
                                                                    <ColumnModel ID="ColumnModel1" runat="server">
                                                                        <Columns>
                                                                            <ext:Column ColumnID="Company" Header="Company" Width="160" Sortable="true" DataIndex="company" />
                                                                            <ext:Column Header="Price" Width="75" Sortable="true" DataIndex="price">
                                                                                <Renderer Format="UsMoney" />
                                                                            </ext:Column>
                                                                            <ext:Column Header="Change" Width="75" Sortable="true" DataIndex="change">
                                                                                <Renderer Fn="change" />
                                                                            </ext:Column>
                                                                            <ext:Column Header="Change" Width="75" Sortable="true" DataIndex="pctChange">
                                                                                <Renderer Fn="pctChange" />
                                                                            </ext:Column>
                                                                            <ext:Column Header="Last Updated" Width="85" Sortable="true" DataIndex="lastChange">
                                                                                <Renderer Fn="Ext.util.Format.dateRenderer('m/d/Y')" />
                                                                            </ext:Column>
                                                                        </Columns>
                                                                    </ColumnModel>
                                                                    <SelectionModel>
                                                                        <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
                                                                    </SelectionModel>            
                                                                </ext:GridPanel>  
                                                            </ext:LayoutRow>
                                                        </ext:RowLayout>
                                                    </Body>
                                                </ext:Panel>
                                            </ext:LayoutColumn>
                                        </ext:ColumnLayout>
                                    </Body>
                                </ext:Tab>
                            </Tabs>
                        </ext:TabPanel>
                    </Center>
                </ext:BorderLayout>
            </body>
        </ext:ViewPort>
    </form>
</body>
</html>