1. #1
    Ext JS Premium Member
    Join Date
    Aug 2007
    Posts
    63
    Vote Rating
    0
    TaterSalad is on a distinguished road

      0  

    Default [2.2] panel with html:'' renders differently in IE and FF

    [2.2] panel with html:'' renders differently in IE and FF


    If you create a Panel with html:'' (empty string) and a buttons[], and place it in the south region of a borderLayout Viewport, in IE the contents of the southern panel appear as a white strip; but in Firefox the contents of the southern panel do not take up any horizontal space - the buttons in the south are flush against the content of the center.

    This happens in a quirks mode or strict DTD defined page.

    Source to reproduce:
    Code:
    Ext.namespace("Test");
    Ext.onReady(function()
    {
        
      Test.closeButton = new Ext.Button(
      {
        text:'Close',
        handler: function(){alert('close');}
      });
    
      Test.helpButton = new Ext.Button(
      {
        text:'Help',
        handler: function(){alert('help');}
      });
    
      Test.centerPanel = new Ext.Panel(
      {
        region: 'center',
        html: 'Space is different in IE and FF'
      });
    
      Test.buttonPanel = new Ext.Panel(
      {
        region: 'south',
        border: false,
        buttonAlign: 'right',
        html: '',
        buttons:
        [
          Test.helpButton,
          Test.closeButton
        ]
      });
    
      Test.viewport = new Ext.Viewport(
      {
        layout: 'border',
        items:
        [
        	Test.centerPanel,
          Test.buttonPanel
        ]
      });
          
    });

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,645
    Vote Rating
    583
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    I can see the issue you're talking about, however it makes no difference whether the html exists or not.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Thread Participants: 1