Firefox jumps to page top on grid scroll
I tried hard to find this in the forums already and failed; please forgive me if I missed it.
I'm seeing weird behavior in Firefox when the grid control is far enough down the page that you have to scroll. To reproduce, use the attached HTML, which is just one of the AW demos with a few <p> blocks put in before the grid. Size your browser so that you have to scroll down the page to get to the grid. Now click on a cell or two to select them. Finally, click on the scroll bar, and notice that the whole page jumps to the top.
If you click somewhere in whitespace after selecting a cell, you can click the scrollbar without getting a jump. Also, IE seems impervious to this problem.
Any ideas?
Thanks.
S.
<html>
<head>
<title>ActiveWidgets Examples</title>
<script src="../../runtime/lib/aw.js"></script>
<link href="../../runtime/styles/xp/aw.css" rel="stylesheet"></link>
</head>
<body>
<style>
.aw-alternate-even {
background: #eeeeee;
}
</style>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<script>
var obj = new AW.UI.Grid;
obj.setSize(800, 250);
obj.setCellText(function(i, j){return j + "-" + i});
obj.setHeaderText("header");
obj.setColumnCount(10);
obj.setRowCount(1000);
obj.setCellEditable(true);
document.write(obj);
</script>
</body>
</html>
I'm seeing weird behavior in Firefox when the grid control is far enough down the page that you have to scroll. To reproduce, use the attached HTML, which is just one of the AW demos with a few <p> blocks put in before the grid. Size your browser so that you have to scroll down the page to get to the grid. Now click on a cell or two to select them. Finally, click on the scroll bar, and notice that the whole page jumps to the top.
If you click somewhere in whitespace after selecting a cell, you can click the scrollbar without getting a jump. Also, IE seems impervious to this problem.
Any ideas?
Thanks.
S.
<html>
<head>
<title>ActiveWidgets Examples</title>
<script src="../../runtime/lib/aw.js"></script>
<link href="../../runtime/styles/xp/aw.css" rel="stylesheet"></link>
</head>
<body>
<style>
.aw-alternate-even {
background: #eeeeee;
}
</style>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<p>this is a bunch of text for scrolling</p>
<script>
var obj = new AW.UI.Grid;
obj.setSize(800, 250);
obj.setCellText(function(i, j){return j + "-" + i});
obj.setHeaderText("header");
obj.setColumnCount(10);
obj.setRowCount(1000);
obj.setCellEditable(true);
document.write(obj);
</script>
</body>
</html>
Sasha
December 12,