Overlapping grid cells using RowExpander and BufferView in Firefox 3.6.x

[joshua.lawrence]

This problem has similar symptoms to the Ext JS problem reported here:

http://www.sencha.com/forum/showthread.php?37733-Issue-with-expand-in-Firefox-2.0&highlight=Firefox+grid+RowExpander
(http://www.sencha.com/forum/showthread.php?37733-Issue-with-expand-in-Firefox-2.0&highlight=Firefox+grid+RowExpander)
When using a Grid that has a BufferView, and also using the RowExpander plugin, the expand
behaviour doesn't work when using Firefox (3.6.x). IE7 works just fine.

Our current workaround is to remove the BufferView, as the row expansion capability is currently more important than the grid rendering performance.


XTemplate tpl = XTemplate.create("<div class=\"x-grid3-cell\" style=\"margin-left:5px;\"><b>" +
I18N.COMMON.timestamp() +
":</b> {" + ReloadMessage.PROPERTY_TIMESTAMP +
"}" +
"<br><b>" + I18N.COMMON.severity() +
":</b> {" +
ReloadMessage.PROPERTY_SEVERITY +
"}" +
"<br><b>" + I18N.COMMON.message() +
":</b> {" +
ReloadMessage.PROPERTY_MESSAGE +
"}</div>");
RowExpander expander = new RowExpander();
expander.setTemplate(tpl);

ColumnModel columns = new ColumnModel( Arrays.asList(
expander,
new ColumnConfig( ReloadMessage.PROPERTY_TIMESTAMP, I18N.COMMON.timestamp(), 190 ),
new ColumnConfig( ReloadMessage.PROPERTY_SEVERITY, I18N.COMMON.severity(), 60 ),
messageColumnConfig ) );

Grid<ReloadMessage> messagesGrid = new Grid<ReloadMessage>( store, columns );
messagesGrid.setTrackMouseOver( false );
messagesGrid.setLoadMask( true );
messagesGrid.addPlugin(expander);

BufferView view = new BufferView();
view.setScrollDelay(0);
view.setForceFit( true );
messagesGrid.setView(view);
Thanks very much.

[sven]

RowExpander cannot be used together with BufferedView. BufferedView needs to have a specific rowheight.

[joshua.lawrence]

OK, thanks, Sven.

[sdavids]

You can do this through simple CSS:

.x-grid-panel .x-grid3-row-expanded {
height: auto !important;
}

[sven]

And that will brake BufferedView. You cannot use RowExpander together with BufferedView.