Viewport w/ border layout
center: FormPanel with items and buttons
south: Panel with buttons
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:
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.