Appearance of extra scroll bar in GWT Datagrid

Originally reported on Google Code with ID 8305

Found in GWT 2.5

Encountered on OS / Browser:

Mac OSX 10.8.4, Chrome, Safari. This is not an issue on Firefox.

Detailed description:

While using the DataGrid, an extra scroll bar is visible.
Please find attached a screenshot form the GWT showcase.

In my application, I am using DataGrid (http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwDataGrid)
combined with LazyScrolling example provided in the showcase (http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwCellList).

I am using DataGrid in ui binder as:

<h:LazyDataGrid ui:field="itsCellTable" pageSize="30"  height="520px" width="100%"
/>

LazyDataGrid extends DataGrid to expose grid's scroll panel as:

public ScrollPanel getScrollPanel() {
        HeaderPanel header = (HeaderPanel) getWidget();
        return (ScrollPanel) header.getContentWidget();
    }

This results in appearance of an extra (non-functional) scroll bar when the page loads
(See attached screenshot).

Thanks in advance.

Reported by harsh.delhi on 2013-08-10 19:40:16

_Attachment: duplicate_scroll_bar_showcase.tiff_
_Attachment: duplicate_scroll_bar_application.tiff_

Hello,

This bug still occurs even on the simple DataGrid component from the showcase
http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwDataGrid

Also if you are using a mouse with your Mac the bug will NOT appear. Only if using
the trackpad with default mouse settings from the Mac User Preferences (with the automatically
stuff).

Until now I think that the problem is with the CustomScrollPanel that is used in the
DataGrid. The extra scroll bar disspears when hovering the rows and/or selecting them,
but reappears on page resize or refresh (even in the showcase).

The bug still occurs on Chrome/Safari on Max OSX Version 10.9: "Mavericks".

Reported by ovidiu.faur@gebs.ro on 2013-12-19 09:15:12

gwtproject / gwt

Appearance of extra scroll bar in GWT Datagrid #8293