Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jun 2007
    Posts
    15
    Vote Rating
    0
    kmiyashiro is on a distinguished road

      0  

    Default [DUP][CLOSED]collapsible: true items in anchor layout incorrectly calculates width

    [DUP][CLOSED]collapsible: true items in anchor layout incorrectly calculates width


    1. Create a panel with anchor layout that is too small to show all of its items, autoscroll on or off (different bugs)
    2. Create a bunch of collapsible panels in that panel
    3. Collapse and uncollapse the panels, see the widths be incorrectly calculated in a variety of ways
    4. Uncomment anchor: '100%', resize the browser window smaller. Then do it again. Every other time you resize the window smaller, the widths of the children get reset to about 22px or 25px.

    There seems to be a ton of different bugs, can't really list them all.

    There's another bug where defaultAnchor doesn't actually work right, whereas defaults: { anchor: '100%' } does what defaultAnchor is supposed to do. I'll open another thread.

    Sample code (make browser window small so scrollbars appear):
    Code:
    Ext.define('ACME.dessert', {
    
        extend: 'Ext.Panel',
        alias: 'widget.dessert',
        
        initComponent: function() {
            
            var defConfig = {
                title: 'Dessert',
                xtype: 'form',
                layout: {
                    type: 'hbox',
                    align: 'stretch',
                    defaultMargins: {
                        top: 10,
                        right: 10,
                        bottom: 10,
                        left: 10
                    }
                },
                tbar: {
                    items: [{
                        text: 'Save',
                    }]
                }
            };
            
            Ext.applyIf(this, defConfig);
          
            this.callParent();
        },
        items: [
            {
                title: 'Treats',
                flex: 1,
                autoScroll: true,
                layout: {
                    type: 'anchor',
                    defaultAnchor: '100%'
                },
                defaults: {
                    draggable: true,
                    bodyPadding: 10,
                    // anchor: '100%',
                    collapsible: true,
                    collapsed: true,
                    titleCollapse: true,
                    hideMode: 'offsets',
                    items: [
                        {
                            xtype: 'fieldset',
                            title: 'Cookies'
                        }
                    ]
                },
                border: true,
                items: [
                    {
                        title: 'Default'
                    },
                    {
                        title: 'Choco chippers'
                    },
                    {
                        title: 'Default'
                    },
                    {
                        title: 'Default'
                    },
                    {
                        title: 'Default'
                    }
                ]
            },
            {
                title: 'Jars',
                flex: 1,
                border: true,
                autoScroll: true,
                margins: '10 10 10 0',
                items: [
                    {
                        title: 'Purple'
                    },
                    {
                        title: 'Silver'
                    },
                    {
                        title: 'Gold'
                    }
                ]
            }
        ]
    });
    
    Ext.onReady(function() {
        var viewport = new Ext.container.Viewport({
            layout: 'fit',
            items: [{
                xtype: 'dessert'
            }]
        });
    });
    Examples of bugs:








  2. #2

Similar Threads

  1. IE 6,8 - Layout column wrong calculates width
    By col in forum Ext 3.x: Bugs
    Replies: 2
    Last Post: 7 Feb 2011, 3:42 PM
  2. IE6 Layout column wrong calculates width
    By col in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 4 Feb 2011, 9:36 AM
  3. only IE6: Layout column wrong calculates width
    By col in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 4 Feb 2011, 9:25 AM
  4. Anchor layout with collapsible item
    By estesbubba in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 19 Apr 2010, 8:16 AM
  5. Collapsible ViewPort: How to resize center items width?
    By rule3 in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 8 Nov 2009, 11:49 AM

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar