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


    Ext version tested:
    • Ext 4.0 rev 7
    Browser versions tested against:
    • Chrome
    • IE8
    DOCTYPE tested against:
    • XHTML 1.0 Transitional
    • 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
            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


    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
    Gainesville, FL


    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

    Check out my GitHub:

    Posts are my own, not any current, past or future employer's.

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