Greetings! I have an issue using an UltraWebGrid inside a scrollable div (2007 v3; IE 6 only, can't test IE 7 here to tell, but this does work fine in Firefox). The grid itself displays in the right place; however when you click in a cell to edit something and then scroll the div using your mousewheel (don't click off the active cell, keep it active/editing), the textbox sticks in place on the screen, like it is fixed at the x,y in the overall window as the div scrolls.
I've attached hopefully a simple example. Simple L type of layout, with a header, left nav and content pane. We're trying to avoid frames at all costs not just for the reason we don't currently use them and all of our pages are written using this HTML layout. We noticed this issue when trying to start leveraging Infragistics controls in our app for some new pages.
Here's a quick synopsis of the layout/CSS:
body { margin: 0px; } #cellHeader { } #cellLeftNav { width: 173px; } #cellContent { float:right; position:relative; height: 500px; width: 85%; overflow: scroll; } </style></head><body scroll="no">
Note we turn the body scroll off and scroll just the content pane. overflow:auto is actually used but doesn't matter, same effect. I happened to have a toolbar in this example in that scrollable div as well as that has positioning issues if you drag it, but I'll save that for the other forum, just mentioning why it's there in case someone happens to know what fixes both issues.
I saw somewhat similar issues elsewhere in the forums but no match. Let me know if anyone knows of a solution, we're hopeful! Thanks for your help!
I was having a similar issue when my grids were within a div tag. I found this article and it helped. http://forums.infragistics.com/forums/p/1089/16723.aspx
Basically, I had a series of divs for layout and I added position:relative to a bunch of them.