Displacement of Button text arranged in a RowLayout

[rretzbach]

Hello,
I have come across some weird rendering issue of Button texts involving RowLayout.

Description in Text:
When the application starts all Button texts are displaced and appear on the top of the browser window but with the correct horizontal position. When a user hovers over a single affected button the text is placed correctly on the button and remains there.
Funny addition: When a user hovers over a Grid column header all displaced button texts are placed correctly.

Description in Picture:
button_label_displacement.png

Workaround:
Do not use RowData with -1 values

Example Code:

import com.extjs.gxt.ui.client.widget.Layout;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.Text;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.layout.AnchorLayout;
import com.extjs.gxt.ui.client.widget.layout.RowData;
import com.extjs.gxt.ui.client.widget.layout.RowLayout;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;

public class Test implements EntryPoint{
    
    public void onModuleLoad() {
      // Do not remove the following two lines
      @SuppressWarnings("unused")
      Layout junk = new AnchorLayout();
      
      LayoutContainer container = new LayoutContainer();
      container.setLayout(new RowLayout());
      
      LayoutContainer buttonPanel = new LayoutContainer();
      buttonPanel.add(new Button("Press"));
      
      container.add(new Text()); // add some space above button
      container.add(buttonPanel, new RowData(1, -1));
      
      RootPanel.get().add(container);
    }
    
}

Hard facts:
- GWT version: 2.0.0
- GXT version: 2.1.1
- Occurs in Dev mode, not testet in compiled/deployed mode
- Occurs in IE6, FF 3.5, FF 3.6 (not tested in other browsers)
- Windows XP Pro SP3 (client and server)

[sven]

Works fine against 2.1.3 and GXT 2.2 beta 1 for me