Grid content "below the fold" unresponsive in IE 6 and IE 7

I have a grid with (currently) 97 rows of data. I cannot perform cell editing or row deletion for anything "below the fold." For example, if the page displays rows 1 - 16, and I scroll down to edit row 17 through 97, the webpage goes back to row 1 as soon as I click anywhere on row 17 through 97.

Everything works as expected in Firefox 2.5 and 3.0.

I tried a different doctype as suggested in a different posting. The grid behavior worked correctly, but the page layout blew up.

The ill-behaving version is posted at:

http://www.ehs.gatech.edu/edit_services.php

Is any fix available other than changing the doctype?

Thanks,

Chuck

chuck.lafleur at facilities.gatech.edu

I can edit further down in IE 6. But only because my window displays more rows. I can't edit past row 43 without it jumping back up.

Have you tried changing the grid to be scrollable instead of having the grid full height and scrolling the page?

I need to correct my statement above. I can edit cells below the fold, but I cannot delete a row below the fold. Using a scrollable grid does not change the behavior.

Doesn't seem to work in IE7.

The grid control sets the focus to the hidden input element in the top left corner of the grid. What happens is IE scrolls the page to move the focused element into view. You can possibly prevent this if you assign an event handler to the page scroll event and restore the scroll position.

var scroll;

obj.onControlActivating = function(){
    scroll = document.documentElement.scrollTop;
    document.documentElement.onscroll = function(){
        document.documentElement.scrollTop = scroll;
    }
}

obj.onControlDeactivated = function(){
    document.documentElement.onscroll = null;
}

Thanks Alex. That fixed it.