Thank you for reporting this bug. We will make it our priority to review this report.
  1. 29 Aug 2011 12:03 PM #1
    Tim Toady
    Tim Toady is offline
    Sencha User Tim Toady's Avatar
    Join Date
    Feb 2010
    Location
    Pennsylvania
    Posts
    495
    Vote Rating
    48
    Tim Toady has a spectacular aura about Tim Toady has a spectacular aura about Tim Toady has a spectacular aura about
      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
    Reply With Quote Reply With Quote