Data Grid - Cannot scroll using scroll arrow buttons in IE9 (compatibility mode) when Grid is in a Dialog

[Walter Higgins]

The Up and Down buttons (and the slider) on a scrollbar for a grid do not work when the grid is in a dialog. This problem occurs when using IE9 and Compatibility Mode has been turned on. The problem occurs in Dojo 1.7.2

[Walter Higgins]

The attached page uses the same all-batting.json data as used here ... http://dojotoolkit.org/documentation/tutorials/1.7/datagrid/demo/datagrid.php

To see the problem, click the 'View Terms and Conditions' button to show the dialog.

You may need to obtain the all-battings.json file from the following location and copy it to your local webserver ...

http://dojotoolkit.org/documentation/tutorials/1.7/datagrid/demo/all-battings.json

Click on the up and down arrow buttons at the top and bottom of the Grid's scrollbar. The buttons do not work.

See related bug 16552 ​http://bugs.dojotoolkit.org/ticket/16552

[bill]

Actually it's http://dojotoolkit.org/documentation/tutorials/1.7/datagrid/demo/all-batting.json.

It actually works for me though. I did F12, then selected "IE9 compatibility mode", and I can still use the arrows on the grid's scrollbars. The arrows on the Dialog's scrollbar work too.

[Walter Higgins]

Updated sample file (grid width fits in dialog and uses smaller data set)

[Walter Higgins]

Smaller data set for use in grid.

[Walter Higgins]

I've uploaded a HTML page which demonstrates the issue and uses a much smaller data set (increments in the scrollbar widget are clearer).

Operating System: Windows 7 Browser Version: IE 9.0.8112.16421 Update Versions: 9.0.13 (KB2792100) To reproduce...

1. Load the attached page (put it in a web-accessible directory first) in IE 9.
2. Press F12 to bring up the developer Tools window and choose : Browser Mode: IE9 Compat View Document Mode: IE7 standards
3. Go back to the page loaded in step 1 and press the 'View Terms and Conditions' button.
4. A dojo dialog will appear with a grid containg data.
5. click the down button on Grid's scrollbar.
6. Click it a few more times.

Expected Result:

The grid data should scroll through the grid's viewport.

Actual Result:

The grid data scrolls 1 or 2 increments but then the grid's viewport reverts back to the first row in the grid. Scrolling using the up and down buttons on the scrollbar does not work reliably.

[bill]

DojoX Grid and EnhancedGrid are deprecated in favor of ​dgrid and ​gridx.

You should upgrade your code to use one of those two grids.

We will consider patches to the old DojoX Grid code though.