Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Ext JS Premium Member KimSchneider's Avatar
    Join Date
    Jul 2008
    Location
    Germany
    Posts
    68
    Vote Rating
    0
    KimSchneider is on a distinguished road

      0  

    Default [Ext 4.1 beta 2a] Header right, collapse left - Problems

    [Ext 4.1 beta 2a] Header right, collapse left - Problems


    REQUIRED INFORMATION




    Ext version tested:
    • Ext 4.1 beta 2a
    • Ext 4.1 nightly 2012-02-21


    Browser versions tested against:
    • Chrome 18


    DOCTYPE tested against:
    • <!DOCTYPE html>


    Description:
    • See screenshots attached. If using headerPosition : 'right' and collapseDirection : 'left', the title and collapse icon disappear. a white box lays over the tree in the left, too. Happens on Chrome only.


    The result that was expected:
    • title and collapse icon stay, no box over left component


    The result that occurs instead:
    • title and collapse icon disappear, box over left component


    Screenshot or Video:
    • attached


    Debugging already done:
    • none


    Possible fix:
    • not provided


    Additional CSS used:
    • only default ext-all.css
    • custom css that does not modify any ext styles


    Operating System:
    • WinXP Pro
    Attached Images
    Kim Schneider
    Lead Developer

    Server-Eye
    Alte Koßmannschule
    Koßmannstraße 7
    66571 Eppelborn
    Germany

    Email: kim.schneider@server-eye.de
    Homepage: www.server-eye.de

    Do you know our revolution in network- and servermonitoring?
    www.server-eye.de

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,604
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Using beta2 and our latest code with Chrome I can't reproduce using this simple code:

    Code:
    new Ext.panel.Panel({
        renderTo          : document.body,
        width             : 400,
        height            : 400,
        title             : 'Test',
        headerPosition    : 'right',
        collapseDirection : 'left',
        collapsible       : true
    });
    When collapsed I always see the title and icon.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Ext JS Premium Member KimSchneider's Avatar
    Join Date
    Jul 2008
    Location
    Germany
    Posts
    68
    Vote Rating
    0
    KimSchneider is on a distinguished road

      0  

    Default


    Alright, I tried it with this testcase

    Code:
    Ext.onReady(function() {
        var header = Ext.create('Ext.panel.Panel', {
            html : 'My header'
        });
        
        var navigation = Ext.create('Ext.panel.Panel', {
            width : 200,
            html : 'Panel 1'
        });
        
        var settings = Ext.create('Ext.panel.Panel', {
            title : 'Panel 2',
            width : 200,
            html : 'Panel 2',
            titleCollapse : true,
            headerPosition : 'right',
            collapseDirection : 'left',
            collapsible : true,
            animCollapse : false
        });
        
        var main = Ext.create('Ext.panel.Panel', {
            flex : 1,
            html : 'Panel 3'
        });
        
        new Ext.Viewport({
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
            items: [ header, new Ext.Panel({
                flex : 1,
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                border : false,
                items : [ navigation, settings, main ]
            }) ]
        });
    });
    It works.

    BUT, our real life app contains a tree in "Panel 1". It works in our real life app, too, as long is I don't click on any entry in the tree. Do you have a tree with sample data? I don't...
    Kim Schneider
    Lead Developer

    Server-Eye
    Alte Koßmannschule
    Koßmannstraße 7
    66571 Eppelborn
    Germany

    Email: kim.schneider@server-eye.de
    Homepage: www.server-eye.de

    Do you know our revolution in network- and servermonitoring?
    www.server-eye.de

Thread Participants: 1