[2.2] Button width miscalc in MSIE 7

[TaterSalad]

UI Structure:
pageA.html
iframe, src=pageB.html
Viewport w/ border layout
north: GridPanel
center: FormPanel with items and buttons
south: Panel with buttons

Issue:
Buttons in the buttons[] for the form panel are truncated in IE7 but appear as expected in IE6 and FF3. For example, with the text "Long Button Name" the button looks like this:
[Long Butto]

Removing the GridPanel from the Viewport caused the problem to go away.

I tried recreating a simple example to post here, but was unable to do so after a few hours - too many hooks to data structures and external files, jsp includes, etc. A trivial example works as expected in all three browsers, not sure where it breaks down. I did trace through and don't see any place where we are overriding the default CSS or object behavior for buttons, though.

Since it would look the same to the user, I also tried moving the problem buttons from the buttons[] of the center panel to the items[] of the bottom panel. I had to use table layout to get the buttons to render in a single horizontal row, and this worked with no cropped text in IE6 and IE7, however in Firefox 3, the buttons were not visible.

The workaround I have for now is to reset the text to the same original button text again, which causes a width recalc and the buttons correct their size in IE7.

But it looks like something in doLayout or grid.render may be stomping on button widths improperly.

[evant]

Is it possible to provide a simplified test case to demonstrate the issue? Thanks.

[TaterSalad]

I tried recreating a simple example to post here, but was unable to do so after a few hours - too many hooks to data structures and external files, jsp includes, etc. A trivial example works as expected in all three browsers, not sure where it breaks down. I did trace through and don't see any place where we are overriding the default CSS or object behavior for buttons, though.