Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User Tim Toady's Avatar
    Join Date
    Feb 2010
    Location
    Pennsylvania
    Posts
    570
    Vote Rating
    175
    Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold

      0  

    Default [4.0.5] Scrollbar doesn't appear with groupingview

    [4.0.5] Scrollbar doesn't appear with groupingview


    REQUIRED INFORMATION Ext version tested:
    • Ext 4.0.5
    • Ext 4.0.6
    Browser versions tested against:
    • IE8
    • FF5
    Description:
    • Grid with Grouping feature does not always have a scroll bar when it should. It works with 4.0.2a.
    Steps to reproduce the problem:
    • Try the provided code. Alternatively, you can create a grid with the grouping feature and set a height. Add a bunch of items that would cause scrolling. Remove them until the scroll bar goes away. Some will be cut off.
    The result that was expected:
    • Scrollbar
    The result that occurs instead:
    • No scrollbar
    Test Case:
    Code:
    <html>
        <head>
            <script type="text/javascript" src="/ext-4.0.5/ext-all.js"></script>
            <link rel="stylesheet" type="text/css" href="/ext-4.0.5/resources/css/ext-all.css" />
    
            <script>
            Ext.onReady(function() {
    
                var data = [
                    {test: '1', other: 'sdg'},
                    {test: '1', other: 'sdg'},
                    {test: '1', other: 'sdg'},
                    {test: '1', other: 'sdg'},
                    {test: '2', other: 'sdg'},
                    {test: '2', other: 'sdg'},
                    {test: '2', other: 'sdg'},
                    {test: '3', other: 'sdg'},
                    {test: '3', other: 'sdg'},
                    {test: '3', other: 'sdg'}
                ];
    
                var store = Ext.create('Ext.data.Store', {
                    groupField : 'test',
                    data       : data,
                    fields     : [ 'test', 'other' ]
                });
                
                var processGrid = Ext.create('Ext.grid.Panel', {
                    title      : 'testing',
                    store      : store,
                    renderTo   : Ext.getBody(),
                    features   : [{ ftype : 'grouping' }],
                    height     : 330,
                    columns    : [
                        {
                            dataIndex: 'other'
                        }
                    ]
                });
            });
            </script>
    
        </head>
        <body>
        </body>
    </html>
    HELPFUL INFORMATION Screenshot or Video:
    • attached
    See this URL for live test case: http:// Debugging already done:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    Operating System:
    • ubuntu 11.04 / XP
    Last edited by Tim Toady; 31 Aug 2011 at 5:37 AM. Reason: Also broken in 4.0.6