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,798
    Vote Rating
    834
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi