This is a migrated thread and some comments may be shown as answers.

Scrolling issues with IE9

1 Answer 87 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Rohan
Top achievements
Rank 1
Rohan asked on 10 Nov 2011, 03:05 PM
Hi,

Was wondering if anyone else has seen this and maybe fixed it:

I have a RadGrid inside a panel - it basically shows email headers in the grid and a panel below show the email details when a row is clicked - similar to a WebMail / Outlook type thing. Splitterbar between them.

The Grid has 50 items per page and many pages. If I click on a row that is visible without scrolling the grid e.g. Row 5 - it is selected and the ajax JS fires to load in the email detail fine. If I scroll the grid, even by 1 row and then click a row (any row) - the grid scrolls back to the top and no row is selected.

This only happens in IE9 and only if EnableDragToSelectRows=False

If I set EnableDragToSelectRows=True then I can scroll down and select one or more rows without issue. However, if I then set AllowRowsDragDrop to true, I can select the row but if I right click the selectewd row to show a context menu - this then scrolls back to the top of the grid. If I set AllowRowsDragDrop=False then I can select the row after scroll and show the context menu fine but obviously I can't then drag this row to a tree etc.

I am unable to reproduce this in a simple test to provide code, so I am guessing it is something I have done with some setting/JS etc but just hoping someone else may have done the same and fixed it.....

AllowKeyboardNavigation is turned on as I need this too. But this doesn't seem to change the behavour of the problem.

Thanks in advance.

Ro

1 Answer, 1 is accepted

Sort by
0
Rohan
Top achievements
Rank 1
answered on 11 Nov 2011, 02:41 PM
Found the issue with it.

I was wrapping the outer RadSplitter with a Div:
<div>
  <div style="width:100%; height:100%; position:absolute;">
    <telerik:radsplitter ........ />
  </div>
  <div style="width:100%; height:100%; position:absolute;">
    Splash screen stuff in here .....
  </div>
<div>

I was doing this so I could have a splash screen overlay the entire page whilst the grid/page loaded etc then hide the splash.

I guess it just doesn't like the position:absolute in the wrapping div in IE9.... sigh.

Will have to try and solve the splash screen a different way ...

Ro
Tags
Grid
Asked by
Rohan
Top achievements
Rank 1
Answers by
Rohan
Top achievements
Rank 1
Share this question
or