Results 1 to 2 of 2

Thread: [4.0.7] incorrect panel height in tabpanel on window

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1

    Default [4.0.7] incorrect panel height in tabpanel on window


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.0 rev 7
    Browser versions tested against:
    • Chrome
    • IE8
    DOCTYPE tested against:
    • XHTML 1.0 Transitional
    Description:
    • When placing a panel as a tab in a tabpanel, the height of the panel body is too large. It seems that the height, needed for the tab is not substracted. This happens only when the tabpanel is placed on a window. NB: in the example I used a treepanel with autoscroll, because it is immediately visible that the treepanel is too large
    Steps to reproduce the problem:

    • see details and example
    The result that was expected:
    • a panel with the correct body size
    The result that occurs instead:
    • a panel with a too large body size
    Test Case:

    Run the code and click the button. Notice the scrollbar of the treepanel in the window
    Code:
        
        Ext.Loader.onReady(
            function () {
        
                var b = Ext.create('Ext.button.Button', {
                    renderTo: Ext.getBody(),
                    text: 'test'
                })
        
                b.on('click',function() {
        
                    Ext.create ("Ext.window.Window", {
                    width: 500,
                    title: "Test",
                    resizable: false,
                    modal: true,
                    xtype: "window",
                    items: [{
                            height: 400,
                            xtype: "tabpanel",
                            items: [
                                {
                                    store: {
                                        type: "tree",
                                        root: {
                                            root: true,
                                            children: [
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"},
                                                {text: "child"}
                                            ]
                                        }
                                    },
                                    columns: [{
                                            dataIndex: "text",
                                            flex: 1,
                                            xtype: "treecolumn"
                                        }
                                    ],
                                    xtype: "treepanel",
                                    hideHeaders: true,
                                    autoScroll: true,
                                    rootVisible: false
                                }
                            ]
                        }]
                    }).show();
                })
            }
        );

    HELPFUL INFORMATION

    Screenshot or Video:

    • none
    See this URL for live test case:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    Operating System:
    • Vista Pro

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,451

    Default

    I can verify this in 4.0.7 but testing against our latest code (4.1 branch) where the scrolling has been redone, I do not see the height issue I saw in 4.0.7
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •